:root{--bg-color:#050505;--bg-secondary:#111;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--accent-gradient:linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--accent-color:#4facfe;--card-bg:#ffffff08;--card-border:#ffffff14;--glass-bg:#050505b3;--glow-shadow:0 0 20px #4facfe4d;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;position:relative}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #4facfe33}50%{box-shadow:0 0 25px #4facfe99}to{box-shadow:0 0 10px #4facfe33}}.animate-on-scroll{opacity:0;animation:.8s forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-container{z-index:1;position:relative;overflow:hidden}.background-container{z-index:-1;background-color:var(--bg-color);pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(120px);opacity:.35;border-radius:50%;animation:20s ease-in-out infinite alternate float-blob;position:absolute}.blob-1{background:var(--accent-color);width:50vw;height:50vw;animation-duration:25s;top:-10%;left:-10%}.blob-2{background:#00f2fe;width:60vw;height:60vw;animation-duration:30s;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:#8a2be266;width:40vw;height:40vw;animation-duration:35s;animation-delay:-10s;top:30%;left:60%}.noise-overlay{opacity:.04;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes float-blob{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(5vw,-5vh)scale(1.1)rotate(45deg)}66%{transform:translate(-3vw,5vh)scale(.9)rotate(90deg)}to{transform:translateY(8vh)scale(1)rotate(135deg)}}nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--card-border);width:100%;padding:1.5rem 0;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-heading);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--text-primary)}.btn{font-family:var(--font-heading);cursor:pointer;z-index:1;border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,border .3s;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#0000 60%);width:300%;padding-bottom:300%;transition:transform .5s ease-out,opacity .5s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn:hover:before{opacity:1;transform:translate(-50%,-50%)scale(1)}.btn-primary{background:var(--accent-gradient);color:#000}.btn-primary:hover{box-shadow:0 0 25px #4facfe99}.btn-outline{color:var(--text-primary);border:1px solid var(--card-border);background:0 0}.btn-outline:hover{border-color:var(--accent-color);background:#4facfe0d;box-shadow:0 0 25px #4facfe4d}.btn-content{z-index:2;pointer-events:none;position:relative}.hero-section{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content h1{letter-spacing:-1px;margin-bottom:1rem;font-size:4.5rem}.hero-content h2{color:var(--text-secondary);margin-bottom:1.5rem;font-size:2rem;font-weight:400}.hero-content p{color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;font-size:1.1rem}.hero-cta{gap:1rem;display:flex}.hero-image-container{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-backdrop{background:var(--accent-gradient);filter:blur(80px);opacity:.2;border-radius:50%;width:400px;height:400px;animation:8s infinite pulse-glow;position:absolute}.floating-wrapper{z-index:1;justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex;position:relative}.tilt-wrapper{width:350px;height:350px;transform-style:preserve-3d;background-clip:padding-box;border-radius:30px;transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative;box-shadow:0 0 30px #4facfe33}.tilt-wrapper:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:conic-gradient(#0000 0%,#00f2fe 30%,#0000 60%,#4facfe 80%,#0000 100%);border-radius:34px;padding:4px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-image{object-fit:cover;pointer-events:none;border:2px solid #ffffff1a;border-radius:30px;width:100%;height:100%}.blinking-cursor{color:var(--accent-color);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes border-gradient-spin{to{transform:rotate(360deg)}}.about-section{padding:8rem 0;position:relative}.about-grid{grid-template-columns:1fr;gap:3rem;display:grid}.about-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem}.about-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.skills-container{margin-top:3rem}.skills-category{margin-bottom:2rem}.skills-category h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.skills-list{flex-wrap:wrap;gap:1rem;display:flex}.skill-tag{border:1px solid var(--card-border);color:var(--text-secondary);transition:var(--transition-smooth);cursor:default;background:#ffffff0d;border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500}.skill-tag:hover{border-color:var(--accent-color);color:var(--text-primary);background:#4facfe1a;transform:translateY(-2px)}.projects-section{padding:8rem 0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.project-card{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:24px;flex-direction:column;height:100%;padding:2.5rem;display:flex}.project-card:hover{border-color:#ffffff26;transform:translateY(-10px);box-shadow:0 20px 40px #00000080}.project-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.project-title{font-size:1.5rem}.project-links{gap:1rem;display:flex}.project-links a{color:var(--text-secondary)}.project-links a:hover{color:var(--accent-color)}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem}.project-features{margin-bottom:2rem;list-style:none}.project-features li{color:var(--text-secondary);margin-bottom:.5rem;padding-left:1.5rem;font-size:.9rem;position:relative}.project-features li:before{content:"→";color:var(--accent-color);position:absolute;left:0}.project-tech{flex-wrap:wrap;gap:.8rem;margin-top:auto;display:flex}.achievements-section{background:linear-gradient(#0000,#4facfe08,#0000);padding:8rem 0}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.achievement-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;transition:var(--transition-smooth);border-radius:20px;padding:2rem}.achievement-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.achievement-icon{margin-bottom:1rem;font-size:2.5rem}.footer-section{border-top:1px solid var(--card-border);margin-top:4rem;padding:4rem 0 2rem}.footer-content{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-socials{gap:1.5rem;margin-bottom:2rem;display:flex}.footer-social-link{background:var(--card-bg);border:1px solid var(--card-border);width:50px;height:50px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.footer-social-link:hover{background:var(--accent-gradient);color:#000;border-color:#0000;transform:translateY(-5px)}.footer-copy{color:var(--text-secondary);font-size:.9rem}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content p{margin:0 auto 2.5rem}.hero-cta{justify-content:center}.hero-image{width:300px;height:300px}}@media (width<=768px){.nav-links{display:none}.hero-content h1{font-size:3rem}.hero-content h2{font-size:1.5rem}.section-title{font-size:2rem}.about-card{padding:2rem}}