.hero-section{min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);scroll-margin-top:100px}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem}.profile-intro{display:flex;align-items:center;gap:4rem;padding:2rem}.profile-intro h1{font-size:3rem;font-weight:200;letter-spacing:-.5px;margin:2rem 0;background:linear-gradient(90deg,var(--text-color) 0,rgba(136,136,136,.8) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .3s ease}.main-section{padding:4rem 2rem}.Main-Content{max-width:1200px;margin:0 auto;padding:0 2rem}.profile-left{flex:0 0 auto;position:relative;transform:translateX(-40px) translateY(-20px)}.profile-right{flex:1;text-align:left}.profile-right h1{font-family:'Space Grotesk',sans-serif;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;background:linear-gradient(45deg,var(--text-color) 30%,#888 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.Profile-Image{width:350px;height:350px;border-radius:50%;filter:grayscale(20%);transition:transform .3s ease,filter .3s ease}.Profile-Image:hover{transform:scale(1.02);filter:grayscale(0%)}.social-links{margin-top:2.5rem}.connect-text{font-size:.9rem;color:var(--text-color);opacity:.7;margin-bottom:1rem}.social-grid{display:flex;justify-content:flex-start;gap:2.5rem;margin:2rem 0;padding-left:20px}.social-grid a{color:var(--text-color);text-decoration:none}.social-grid i{font-size:2rem;transition:transform .3s ease}.social-grid a:hover i{transform:translateY(-3px)}.social-grid .fa-github{color:#f0f6fc}.social-grid .fa-linkedin-in{color:#0077b5}.social-grid .fa-instagram{background:-webkit-linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.social-grid .fa-discord{color:#7289da}@media (max-width:768px){.social-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.social-item{padding:.75rem}.icon-wrapper{width:35px;height:35px}.social-item img{width:20px;height:20px}}@media (max-width:768px){.hero-section{min-height:0;padding-top:4rem}.profile-intro{flex-direction:column;gap:2rem;text-align:center}.profile-left{transform:none}.Profile-Image{width:250px;height:250px}.social-links{flex-wrap:wrap;justify-content:center}.main-section{padding:2rem 1rem}}.Bio-box{max-width:600px;margin:0 auto;opacity:.9;line-height:1.8;margin-bottom:3rem}.Bio-box p{font-size:1.1rem;font-weight:300;letter-spacing:.5px;text-align:justify;padding:0 10px}.skills-section{padding:6rem 0 3rem}.skills-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;padding:0 2rem}.skill-category{background-color:rgba(255,255,255,.05);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.skill-category h3{font-size:1.4rem;margin-bottom:1.5rem;color:var(--accent-color)}.skill-category ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.skill-category li{color:var(--text-color);padding-left:1.5rem;position:relative;transition:transform .3s ease}.skill-category li:before{content:"▹";position:absolute;left:0;color:var(--accent-color)}.projects-section{padding:6rem 0;background-color:rgba(255,255,255,.02)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto;padding:2rem}.project-card{display:flex;flex-direction:column;height:100%;min-height:500px}.project-card-content{display:flex;flex-direction:column;flex:1;padding:1.5rem}.project-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px 12px 0 0;margin:0}.project-card h3{font-size:1.2rem;margin-bottom:1rem;color:var(--text-color)}.project-card p{flex:1;font-size:.9rem;line-height:1.6;color:var(--text-color);opacity:.8;margin-bottom:1.5rem}.github-button{margin-top:auto;align-self:flex-start}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;color:var(--text-color);position:relative;display:inline-block}.section-header h2:after{content:'';position:absolute;width:60px;height:3px;background:var(--accent-color);bottom:-10px;left:50%;transform:translateX(-50%)}@media (max-width:1024px){.skills-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid,.skills-container{grid-template-columns:1fr;padding:1rem}.project-card{min-height:450px}.section-header h2{font-size:2rem}}.footer{background:var(--footer-bg);padding:1rem 0;margin-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:var(--footer-bg)}.social-icons{display:flex;gap:1.5rem}.social-icons a{color:#fff;font-size:1.5rem;transition:transform .3s ease}.social-icons a:hover{transform:translateY(-3px);opacity:.8}.copyright{color:#fff;font-size:.9rem;margin:0}@media (max-width:600px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}.theme-toggle{position:fixed;top:20px;right:20px;background:0 0;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:10px;border-radius:50%;transition:transform .3s ease;z-index:1000}.theme-toggle:hover{transform:scale(1.1)}.github-button{display:inline-flex;align-items:center;gap:.5rem;background-color:transparent;color:var(--text-color);padding:.75rem 1.5rem;border:2px solid var(--accent-color);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);font-weight:500;letter-spacing:.5px;text-decoration:none;margin-top:auto}.github-button:hover{background-color:var(--accent-color);color:var(--background-color);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.github-button i{font-size:1.1rem}@media (min-width:768px){.Projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:4rem}}@media (max-width:768px){h1{font-size:2.5rem}.main-section{padding-top:4rem}.Profile-Image{width:250px;height:250px}.Skills ul{gap:.5rem}.project-image{max-width:300px;height:300px}}.contact-page{padding:6rem 0;background:radial-gradient(circle at center,rgba(var(--accent-color-rgb),.1) 0,transparent 70%)}.contact-form-container{max-width:600px;margin:0 auto;perspective:3000px;padding:2rem}.flip-card{perspective:1000px}.flip-card-inner{transform-style:preserve-3d;transition:transform .6s ease-in-out}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.flip-card-back{transform:rotateY(180deg)}.flip-card{background-color:transparent;width:100%;min-height:600px;perspective:3000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.4, 0, .2, 1);transform-style:preserve-3d;box-shadow:0 15px 35px rgba(0,0,0,.3);border-radius:20px}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card.flipped .flip-card-front{z-index:0}.flip-card.flipped .flip-card-back{z-index:1}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2.5rem}.card-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.front-icon{font-size:3rem;color:var(--accent-color);margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}.flip-card-front{color:var(--text-color)}.flip-card-front h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-color) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.flip-card-front p{font-size:1.1rem;line-height:1.6;color:var(--text-color);opacity:.8;max-width:400px;margin:0 auto}.flip-button{background:0 0;border:2px solid var(--accent-color);color:var(--text-color);padding:1rem 2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;margin-top:2rem}.flip-button:hover{background:var(--accent-color);transform:translateY(-3px);box-shadow:0 5px 15px rgba(var(--accent-color-rgb),.3)}.flip-card-back{transform:rotateY(180deg)}.flip-back{background:0 0;border:none;color:var(--text-color);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s ease}.flip-back:hover{color:var(--accent-color);transform:rotate(90deg)}.flip-card-front h2{font-size:2rem}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h3{font-size:1.8rem;color:var(--accent-color)}.form-group{position:relative;margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-color);font-size:1rem;transition:all .3s ease}.form-group textarea{resize:vertical;min-height:100px}.form-group label{position:absolute;left:1rem;top:1rem;color:var(--text-color);opacity:.7;transition:all .3s ease;pointer-events:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{transform:translateY(-2rem) scale(.9);background:var(--background-color);padding:0 .5rem;color:var(--accent-color)}.btn.primary{width:100%;padding:1rem;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.form-status{margin-top:1rem;padding:.75rem;border-radius:8px;text-align:center}.form-status.success{background:rgba(46,213,115,.1);color:#2ed573}.form-status.error{background:rgba(255,71,87,.1);color:#ff4757}@media (max-width:768px){.contact-form-container{padding:1rem}.flip-card{min-height:650px}.flip-card-front h2{font-size:2rem}.form-header h3{font-size:1.5rem}}@media (max-width:768px){.hero-section{padding:1rem;text-align:center}.profile-intro{flex-direction:column;gap:2rem}.profile-intro h1{font-size:2rem;margin:1rem 0}.Bio-box p{font-size:.9rem;line-height:1.4}.projects-section h2,.skills-section h2{font-size:1.5rem}.projects-grid .project-card p,.skills-container ul li{font-size:.9rem}.project-card h3{font-size:1.2rem}.flip-card{min-height:400px}.flip-card-back h3,.flip-card-front h2{font-size:1.5rem}.form-group input,.form-group textarea{font-size:.9rem}.footer{padding:1rem;text-align:center}.social-icons a{font-size:1.2rem;margin:0 .5rem}}.slide-bar{position:fixed;top:50%;right:10px;left:auto;transform:translateY(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center}.slide-bar ul{list-style:none;padding:0;margin:0}.slide-bar li{margin:10px 0;position:relative}.slide-bar a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:linear-gradient(135deg,#4a90e2,#2c3e50);border-radius:50%;text-decoration:none;color:#fff;font-size:16px;transition:transform .3s ease,box-shadow .3s ease}.slide-bar a:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(74,144,226,.8)}.slide-bar a.active{background:linear-gradient(135deg,#4a90e2,#2c3e50);box-shadow:0 0 20px #4a90e2}.slide-bar a i{pointer-events:none}.slide-bar::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:4px;background:linear-gradient(to bottom,#4a90e2,#2c3e50);transform:translateX(-50%);z-index:-1}#my-skills{scroll-margin-top:100px}