@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;letter-spacing:-.02em;margin:0;padding:0;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif}:root{--glow-cyan:#38bdf8;--glow-blue:#0ea5e9;--glow-purple:#8b5cf6;--glow-pink:#ec4899;--card-dark:#0f172ad9;--card-light:#fff;--bg-dark:#020617;--bg-dark-secondary:#0f172a;--border-dark:#38bdf84d;--border-light:#e2e8f0;--border-glow:#38bdf880;--text-dark:#e5e7eb;--text-dark-secondary:#94a3b8;--text-light:#0f172a;--text-light-secondary:#475569;--shadow-glow:0 0 40px #38bdf833;--shadow-card:0 20px 50px #0006;--transition-smooth:all .4s cubic-bezier(.4,0,.2,1);--transition-fast:all .2s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--glow-cyan);outline-offset:4px;border-radius:8px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0f172a80;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));transition:var(--transition-fast);border:2px solid #02061780;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#22d3ee,#0284c7);box-shadow:0 0 20px #38bdf866}img{-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.dark{color:var(--text-dark);background-color:#0000;background-image:radial-gradient(circle at 20% 10%,#38bdf814 0%,#0000 35%),radial-gradient(circle at 80%,#8b5cf60f 0%,#0000 40%),radial-gradient(circle at 40% 80%,#0ea5e90d 0%,#0000 35%),linear-gradient(#0f172a 0%,#020617 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;position:relative}.light{color:var(--text-light);background-color:#0000;background-image:radial-gradient(circle at 20% 10%,#38bdf826 0%,#0000 35%),radial-gradient(circle at 80%,#8b5cf61f 0%,#0000 40%),radial-gradient(circle at 50% 90%,#0ea5e91a 0%,#0000 35%),linear-gradient(#f1f5f9 0%,#e0e7f0 50%,#dce4ee 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;position:relative}.navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;width:100%;transition:var(--transition-smooth);background:#020617bf;border-bottom:1px solid #38bdf840;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,60px);display:flex;position:fixed;top:0;box-shadow:0 4px 30px #0000004d,0 0 60px #38bdf80d}.navbar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#38bdf808 50%,#0000 100%);position:absolute;inset:0}.light .navbar{background:#ffffffe6;border-bottom:1px solid #e2e8f099;box-shadow:0 4px 30px #0000000f,0 8px 60px #38bdf814}.nav-right{align-items:center;gap:24px;display:flex}.logo{letter-spacing:-.02em;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));-webkit-text-fill-color:transparent;z-index:1;transition:var(--transition-fast);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;position:relative}.logo:hover{filter:brightness(1.2);transform:scale(1.05)}.nav-links{gap:32px;margin:0;list-style:none;display:flex}.nav-links li a{color:inherit;letter-spacing:-.01em;transition:var(--transition-fast);padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;display:inline-block;position:relative}.nav-links li a:after{content:"";background:linear-gradient(90deg,var(--glow-cyan)0%,var(--glow-blue)100%);border-radius:2px;width:0;height:3px;transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;box-shadow:0 0 8px #38bdf866}.nav-links li a:hover:after{width:100%}.nav-links li a:hover,.nav-links li a.active{color:var(--glow-cyan);transform:translateY(-1px)}.nav-links li a.active:after{width:100%}button{background:linear-gradient(135deg,var(--glow-cyan)0%,var(--glow-blue)100%);cursor:pointer;letter-spacing:-.01em;color:#020617;transition:var(--transition-fast);border:1px solid #38bdf866;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 8px 20px #38bdf84d,inset 0 1px #fff3}button:before{content:"";background:linear-gradient(135deg,#0000 0%,#fff3 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}button:hover:before{transform:translate(100%)}button:hover{border-color:#38bdf899;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #38bdf866,0 0 40px #38bdf833,inset 0 1px #ffffff4d}button:active{transform:translateY(-1px)scale(.98)}.secondary-btn{color:var(--glow-cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border:2px solid #38bdf899;box-shadow:0 4px 15px #38bdf833}.secondary-btn:hover{color:var(--glow-cyan);border-color:var(--glow-cyan);background:#38bdf826;box-shadow:0 8px 25px #38bdf866,0 0 30px #38bdf833}.theme-btn{cursor:pointer;transition:var(--transition-fast);background:#38bdf81a;border:1px solid #38bdf84d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:0;padding:10px;font-size:20px;display:flex}.theme-btn:hover{background:#38bdf833;transform:rotate(15deg)scale(1.1);box-shadow:0 4px 15px #38bdf84d}.menu-toggle{cursor:pointer;transition:var(--transition-fast);background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;padding:8px 12px;font-size:24px;display:none}.menu-toggle:hover{background:#38bdf833;transform:scale(1.05)}section{width:100%;min-height:100vh;margin:0;padding:120px clamp(20px,5vw,60px);position:relative}#about h2,#education h2,#achievements h2,#skills h2,#projects h2,#contact h2{text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-size:clamp(28px,4vw,40px);font-weight:800;position:relative}#about h2:after,#education h2:after,#achievements h2:after,#skills h2:after,#projects h2:after,#contact h2:after{content:"";background:linear-gradient(90deg,var(--glow-cyan)0%,var(--glow-blue)50%,var(--glow-purple)100%);border-radius:10px;width:80px;height:5px;margin:16px auto 0;animation:2s ease-in-out infinite pulseGlow;display:block;box-shadow:0 4px 15px #38bdf866}#skills h2:after,#contact h2:after{width:70px}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 4px 15px #38bdf866}50%{opacity:.8;box-shadow:0 4px 25px #38bdf899}}#home{background-image:linear-gradient(#38bdf81f 1px,#0000 1px),linear-gradient(90deg,#38bdf81f 1px,#0000 1px);background-size:60px 60px;flex-direction:column;justify-content:center;padding-top:90px;padding-bottom:60px;animation:15s linear infinite gridMove;display:flex;position:relative;overflow:hidden}.light #home{background-image:linear-gradient(#38bdf826 1px,#0000 1px),linear-gradient(90deg,#38bdf826 1px,#0000 1px)}#home h1{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(40px,7vw,64px);font-weight:800;line-height:1.1}#home span{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue),var(--glow-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer;display:inline-block;position:relative}@keyframes shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}#home:after{content:"";filter:blur(60px);pointer-events:none;z-index:1;background:radial-gradient(circle,#38bdf826,#8b5cf61a 50%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite float;position:absolute;top:20%;right:-200px}#home:before{content:"";filter:blur(80px);pointer-events:none;z-index:1;background:radial-gradient(circle,#8b5cf61f,#38bdf814 50%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:10%;left:-250px}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}#home .floating-dots{display:none}.home-container{justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:1400px;margin:0 auto;display:flex}.home-content{z-index:10;flex:0 0 68%;max-width:800px}.home-visual{z-index:5;flex:0 0 32%;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.floating-icons{width:100%;max-width:450px;height:100%;min-height:600px;position:relative}.tech-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:60px;height:60px;color:var(--glow-cyan);background:#0f172acc;border:1px solid #38bdf84d;border-radius:16px;justify-content:center;align-items:center;font-size:28px;transition:all .3s;animation:6s ease-in-out infinite floatIcon;display:flex;position:absolute;box-shadow:0 8px 32px #0006,0 0 20px #38bdf833}.tech-icon:hover{border-color:#38bdf899;transform:scale(1.15)rotate(5deg);box-shadow:0 12px 40px #00000080,0 0 40px #38bdf866}.light .tech-icon{background:#ffffffe6;border-color:#38bdf866;box-shadow:0 8px 32px #0000001a,0 0 20px #38bdf826}.icon-1{animation-delay:0s;top:8%;left:15%}.icon-2{animation-delay:.5s;top:12%;left:60%}.icon-3{animation-delay:1s;top:22%;left:35%}.icon-4{animation-delay:1.5s;top:30%;left:75%}.icon-5{animation-delay:2s;top:38%;left:10%}.icon-6{animation-delay:2.5s;top:45%;left:50%}.icon-7{animation-delay:3s;top:53%;left:20%}.icon-8{animation-delay:3.5s;top:60%;left:70%}.icon-9{animation-delay:4s;top:68%;left:40%}.icon-10{animation-delay:4.5s;top:75%;left:15%}.icon-11{animation-delay:5s;top:80%;left:55%}.icon-12{animation-delay:5.5s;top:5%;left:85%}.icon-13{animation-delay:6s;top:85%;left:80%}.hero-glow-orb{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#38bdf826 0%,#8b5cf61a 40%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:8s ease-in-out infinite pulseOrb;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatIcon{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(3deg)}50%{transform:translateY(-8px)rotate(-3deg)}75%{transform:translateY(-20px)rotate(2deg)}}@keyframes pulseOrb{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.home-line{opacity:.5;background:linear-gradient(#0000,#38bdf899 20%,#8b5cf699 80%,#0000);border-radius:2px;width:3px;height:70%;animation:3s ease-in-out infinite lineGlow;position:absolute;top:15%;left:50px;box-shadow:0 0 20px #38bdf866}@keyframes lineGlow{0%,to{opacity:.5;box-shadow:0 0 20px #38bdf866}50%{opacity:.8;box-shadow:0 0 30px #38bdf899}}.hero-subtitle{color:#94a3b8;letter-spacing:-.01em;margin-top:8px;margin-bottom:20px;font-size:clamp(16px,2vw,20px);font-weight:500}.light .hero-subtitle{background:linear-gradient(135deg,#0284c7,#0ea5e9,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.hero-desc{color:#cbd5e1;max-width:800px;margin-top:20px;font-size:clamp(15px,1.8vw,18px);font-weight:400;line-height:1.8}.light .hero-desc{color:#334155;font-weight:500}.hero-buttons{z-index:5;flex-wrap:wrap;gap:18px;margin-top:35px;display:flex;position:relative}.hero-social{z-index:5;gap:16px;margin-top:30px;display:flex;position:relative}.hero-social .social-link{width:48px;height:48px;color:var(--glow-cyan);transition:var(--transition-fast);background:#38bdf81a;border:1.5px solid #38bdf84d;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative;overflow:hidden}.hero-social .social-link:before{content:"";background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.hero-social .social-link svg{z-index:2;transition:var(--transition-fast);position:relative}.hero-social .social-link:hover{border-color:#0000;transform:translateY(-4px)scale(1.1);box-shadow:0 8px 20px #38bdf866,0 0 30px #38bdf84d}.hero-social .social-link:hover:before{opacity:1}.hero-social .social-link:hover svg{color:#020617}.light .hero-social .social-link{color:#0ea5e9;background:#ffffffe6;border-color:#cbd5e180;box-shadow:0 4px 12px #00000014}.light .hero-social .social-link:hover svg{color:var(--glow-blue)}#home{isolation:isolate}#home>*{z-index:10;position:relative}#about{max-width:950px;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px)saturate(180%);background:radial-gradient(circle at 15% 20%,#38bdf81f,#0000 45%),radial-gradient(circle at 85% 80%,#8b5cf61a,#0000 45%),#0f172ad9;border:1px solid #38bdf84d;border-radius:24px;margin:0 auto;padding:50px 40px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 80px #38bdf81a,inset 0 1px #ffffff0d}#about:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#38bdf84d,#0000 50%,#8b5cf633);border-radius:24px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.light #about{color:var(--text-light);background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid #cbd5e199;box-shadow:0 20px 60px #00000014,0 8px 30px #38bdf814,inset 0 1px #ffffffe6}#about:hover{border-color:#38bdf880;transform:translateY(-6px);box-shadow:0 30px 80px #00000080,0 0 100px #38bdf833,inset 0 1px #ffffff1a}#about:hover:before{opacity:1}#about h2{margin-bottom:35px}#about p{color:#cbd5e1;margin-bottom:20px;font-size:clamp(15px,1.8vw,17px);font-weight:400;line-height:1.85}.light #about p{color:#475569;font-weight:500}#about p strong{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}#education{max-width:950px;margin:0 auto;padding-left:20px;position:relative}#education h2{margin-bottom:50px}#education:before{content:"";background:linear-gradient(180deg,var(--glow-cyan)0%,var(--glow-blue)50%,var(--glow-purple)80%,transparent 100%);opacity:.6;border-radius:2px;width:3px;position:absolute;top:120px;bottom:0;left:8px;box-shadow:0 0 10px #38bdf866}.education-card{transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 12% 18%,#38bdf826,#0000 55%),radial-gradient(circle at 88% 82%,#8b5cf61a,#0000 55%),linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #38bdf840;border-radius:20px;margin-top:32px;padding:30px 32px 30px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006,0 0 60px #38bdf814,inset 0 1px #ffffff0d}.education-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf81a,#0000 40%,#8b5cf60d);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.light .education-card{color:var(--text-light);background:linear-gradient(135deg,#ffffffeb,#f8fafcf2);border:1px solid #cbd5e180;box-shadow:0 15px 45px #0000000f,0 8px 25px #38bdf814,inset 0 1px #ffffffe6}.education-card:hover{border-color:#38bdf880;transform:translateY(-8px)translate(5px);box-shadow:0 30px 70px #00000080,0 0 80px #38bdf826,inset 0 1px #ffffff1a}.education-card:hover:after{opacity:1}.education-card:before{content:"";background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));width:16px;height:16px;transition:var(--transition-fast);z-index:1;border-radius:50%;position:absolute;top:24px;left:-18px;box-shadow:0 0 0 6px #38bdf833,0 0 20px #38bdf866,inset 0 2px 4px #ffffff4d}.education-card:hover:before{transform:scale(1.2);box-shadow:0 0 0 8px #38bdf84d,0 0 30px #38bdf899,inset 0 2px 4px #fff6}.education-card h3{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(18px,2vw,21px);font-weight:700}.education-card p{color:#cbd5e1;margin:8px 0;font-size:clamp(14px,1.6vw,16px);line-height:1.7}.light .education-card p{color:#475569;font-weight:500}.education-score{background:linear-gradient(135deg,#22d3ee,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:12px;font-size:clamp(15px,1.8vw,17px);font-weight:700}.light .education-score{background:linear-gradient(135deg,#0284c7,#0369a1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.education-desc{color:#94a3b8;margin-top:16px;font-size:clamp(14px,1.6vw,16px);line-height:1.7}.light .education-desc{color:#475569;font-weight:500}.education-card+.education-card{margin-top:40px}#skills{max-width:1050px;margin:0 auto}#skills h2{margin-bottom:50px}.skills-group{transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);background:radial-gradient(circle at 15% 15%,#38bdf81f,#0000 50%),radial-gradient(circle at 85% 85%,#8b5cf614,#0000 50%),#0f172ad9;border:1px solid #38bdf847;border-radius:20px;margin-bottom:28px;padding:24px 24px 20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000059,0 0 60px #38bdf80f,inset 0 1px #ffffff0d}.skills-group:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf81a,#0000 50%,#8b5cf60d);border-radius:20px;transition:opacity .4s;position:absolute;inset:0}.light .skills-group{background:linear-gradient(135deg,#ffffffeb,#f8fafcf2);border:1px solid #cbd5e180;box-shadow:0 15px 45px #0000000f,0 8px 25px #38bdf814,inset 0 1px #ffffffe6}.skills-group h3{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(17px,2vw,19px);font-weight:700}.light .skills-group h3{background:linear-gradient(135deg,#0284c7,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.skills-group:hover{border-color:#38bdf873;transform:translateY(-6px);box-shadow:0 30px 60px #0006,0 0 80px #38bdf826,inset 0 1px #ffffff1a}.skills-group:hover:before{opacity:1}.light .skills-group:hover{border-color:#38bdf866;box-shadow:0 20px 60px #0000001a,0 10px 40px #38bdf826,inset 0 1px #fffffff2}.skills-box{flex-wrap:wrap;gap:12px;display:flex}.skills-box span{color:#e5e7eb;transition:var(--transition-fast);cursor:default;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1e293b99;border:1px solid #38bdf859;border-radius:50px;padding:10px 18px;font-size:clamp(13px,1.5vw,14px);font-weight:600;position:relative;box-shadow:inset 0 1px #ffffff14,0 4px 12px #0003}.skills-box span:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#38bdf899,#8b5cf666);border-radius:50px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.skills-box span:hover{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));color:#020617;border-color:#0000;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #38bdf866,0 0 30px #38bdf84d,inset 0 1px #fff6}.skills-box span:hover:before{opacity:0}.light .skills-box span{color:#1e293b;background:#fffc;border:1px solid #cbd5e199;font-weight:600;box-shadow:inset 0 1px #fff,0 4px 12px #00000014}.light .skills-box span:hover{color:#0369a1;background:linear-gradient(135deg,#38bdf833,#0ea5e926);border-color:#38bdf880;box-shadow:0 8px 20px #38bdf833,0 0 30px #38bdf826,inset 0 1px #fff}#achievements{max-width:1150px;margin:0 auto}#achievements h2{margin-bottom:46px}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;display:grid}.achievement-card{transition:var(--transition-smooth);background:radial-gradient(circle at 0 0,#38bdf824,#0000 52%),linear-gradient(140deg,#0f172af5,#1e293beb);border:1px solid #38bdf838;border-radius:24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 48px #02061757,inset 0 1px #ffffff0d}.achievement-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf826,#0000 55%,#8b5cf614);transition:opacity .4s;position:absolute;inset:0}.light .achievement-card{background:linear-gradient(140deg,#fffffff5,#f1f5f9f2);border-color:#cbd5e1a6;box-shadow:0 16px 38px #0f172a14,inset 0 1px #ffffffe6}.achievement-card:hover{border-color:#38bdf86b;transform:translateY(-8px);box-shadow:0 26px 56px #02061766,0 0 60px #38bdf824}.achievement-card:hover:before{opacity:1}.achievement-card h3{color:#f8fafc;margin-bottom:12px;font-size:clamp(18px,2vw,22px);font-weight:700;line-height:1.35}.light .achievement-card h3{color:#0f172a}.achievement-card p:last-child{color:#cbd5e1;margin:0;font-size:clamp(14px,1.6vw,16px);line-height:1.75}.light .achievement-card p:last-child{color:#475569}#projects{max-width:1150px;margin:0 auto}#projects h2{margin-bottom:55px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:35px;display:grid}.project-card{transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 10% 15%,#38bdf81f,#0000 50%),radial-gradient(circle at 90% 85%,#8b5cf61a,#0000 50%),linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #38bdf840;border-radius:24px;flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059,0 0 60px #38bdf80f,inset 0 1px #ffffff0d}.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#38bdf826,#0000 50%,#8b5cf61a);border-radius:24px;transition:opacity .5s;position:absolute;inset:0}.light .project-card{background:linear-gradient(135deg,#ffffffeb,#f8fafcf2);border:1px solid #cbd5e180;box-shadow:0 15px 45px #0000000f,0 8px 25px #38bdf814,inset 0 1px #ffffffe6}.project-card:hover{border-color:#38bdf873;transform:translateY(-10px)scale(1.02);box-shadow:0 30px 70px #0006,0 0 100px #38bdf833,inset 0 1px #ffffff1a}.project-card:hover:before{opacity:1}.project-card h3{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(19px,2.2vw,22px);font-weight:700}.light .project-card h3{background:linear-gradient(135deg,#0284c7,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.project-card p{color:#cbd5e1;margin-bottom:16px;font-size:clamp(14px,1.6vw,16px);line-height:1.75}.light .project-card p{color:#475569;font-weight:500}.project-card ul{margin-bottom:18px;padding-left:20px}.project-card ul li{color:#94a3b8;margin-bottom:8px;font-size:clamp(13px,1.5vw,15px);line-height:1.7;position:relative}.project-card ul li::marker{color:var(--glow-cyan)}.light .project-card ul li{color:#475569;font-weight:500}.tech-stack{flex-wrap:wrap;gap:10px;margin:16px 0 20px;display:flex}.tech-stack span{color:var(--glow-cyan);transition:var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#38bdf814;border:1.5px solid #38bdf866;border-radius:50px;padding:7px 16px;font-size:clamp(11px,1.3vw,13px);font-weight:600}.tech-stack span:hover{border-color:var(--glow-cyan);background:#38bdf826;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.project-card a{color:#020617;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));transition:var(--transition-fast);border:1px solid #38bdf866;border-radius:12px;align-self:flex-start;margin-top:auto;padding:11px 22px;font-size:clamp(14px,1.6vw,15px);font-weight:700;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 8px 20px #38bdf84d,inset 0 1px #fff3}.project-card a:before{content:"";background:linear-gradient(135deg,#0000 0%,#fff3 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.project-card a:hover:before{transform:translate(100%)}.project-card a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #38bdf873,0 0 40px #38bdf84d,inset 0 1px #ffffff4d}#contact{text-align:center;max-width:950px;margin:0 auto}#contact h2{margin-bottom:40px}#contact form{-webkit-backdrop-filter:blur(10px)saturate(180%);backdrop-filter:blur(10px)saturate(180%);max-width:500px;transition:var(--transition-smooth);background:radial-gradient(circle at 20% 20%,#38bdf81f,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a,#0000 50%),linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #38bdf84d;border-radius:24px;margin:0 auto;padding:40px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0006,0 0 80px #38bdf81a,inset 0 1px #ffffff0d}#contact form:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:0;background:linear-gradient(135deg,#38bdf84d,#0000 50%,#8b5cf633);border-radius:24px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}#contact form:hover{border-color:#38bdf880;transform:translateY(-4px);box-shadow:0 35px 80px #00000080,0 0 100px #38bdf826,inset 0 1px #ffffff14}#contact form:hover:before{opacity:1}.light #contact form{background:linear-gradient(135deg,#ffffffeb,#f8fafcf2);border:1px solid #cbd5e180;box-shadow:0 20px 60px #00000014,0 10px 35px #38bdf814,inset 0 1px #ffffffe6}#contact input,#contact textarea{color:#e5e7eb;width:100%;transition:var(--transition-fast);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02061799;border:1.5px solid #38bdf840;border-radius:12px;margin-top:16px;padding:16px;font-family:inherit;font-size:clamp(14px,1.5vw,15px)}.light #contact input,.light #contact textarea{color:#0f172a;background:#ffffffe6;border:1.5px solid #cbd5e1b3;font-weight:500;box-shadow:inset 0 2px 8px #0000000a,0 2px 8px #00000005}#contact input:focus,#contact textarea:focus{border-color:var(--glow-cyan);background:#020617cc;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #38bdf826,0 8px 20px #38bdf833,inset 0 1px #ffffff0d}.light #contact input:focus,.light #contact textarea:focus{background:#fff;border-color:#38bdf8b3;box-shadow:0 0 0 3px #38bdf826,0 4px 20px #38bdf833,inset 0 2px 8px #00000008}#contact input::placeholder,#contact textarea::placeholder{color:#64748b;opacity:.7}.light #contact input::placeholder,.light #contact textarea::placeholder{color:#94a3b8;font-weight:400}#contact input:disabled,#contact textarea:disabled{opacity:.6;cursor:not-allowed;background:#02061766}.light #contact input:disabled,.light #contact textarea:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f999;border-color:#cbd5e166}#contact textarea{resize:vertical;min-height:140px;max-height:300px}#contact button{letter-spacing:-.01em;background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));cursor:pointer;color:#020617;width:100%;transition:var(--transition-fast);border:1px solid #38bdf866;border-radius:12px;margin-top:24px;padding:14px;font-size:16px;font-weight:700;position:relative;overflow:hidden;box-shadow:0 10px 25px #38bdf859,inset 0 1px #fff3}#contact button:before{content:"";background:linear-gradient(135deg,#0000 0%,#ffffff40 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}#contact button:hover:before{transform:translate(100%)}#contact button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 15px 35px #38bdf873,0 0 50px #38bdf84d,inset 0 1px #ffffff4d}#contact button:active{transform:translateY(-1px)scale(.98)}#contact button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}#contact button:disabled:hover{transform:none;box-shadow:0 10px 25px #38bdf859}.spinner{border:2px solid #0206174d;border-top-color:#020617;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status-message{border-radius:10px;margin-top:18px;padding:12px 16px;font-size:clamp(13px,1.5vw,15px);font-weight:600;line-height:1.6;animation:.3s slideUp}.status-message.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.status-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#contact form p{color:#94a3b8;margin-top:18px;font-size:clamp(13px,1.5vw,15px);line-height:1.6}.light #contact form p{color:#475569;font-weight:500}.footer{color:#94a3b8;text-align:center;background:linear-gradient(#020617f2,#020617);border-top:1px solid #38bdf826;padding:50px 30px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--glow-cyan)25%,var(--glow-blue)50%,var(--glow-purple)75%,transparent 100%);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.footer:after{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf814,#0000 70%);width:500px;height:200px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.light .footer{color:#334155;background:linear-gradient(#ffffffe6,#f1f5f9);border-top:1px solid #cbd5e199;box-shadow:0 -10px 40px #0000000f,0 -4px 20px #38bdf80d}.footer-content{z-index:1;max-width:1000px;margin:0 auto;position:relative}.scroll-to-top{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));color:#020617;cursor:pointer;width:48px;height:48px;transition:var(--transition-fast);border:1px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:18px;display:flex;box-shadow:0 8px 20px #38bdf84d,inset 0 1px #fff3}.footer-text{color:#cbd5e1;margin-bottom:24px;font-size:clamp(14px,1.6vw,16px);line-height:1.7}.light .footer-text{color:#334155;font-weight:600}.footer-text span{background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative}.footer-links{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:20px;display:flex}.footer-links a{color:#94a3b8;transition:var(--transition-fast);background:#38bdf80d;border:1px solid #38bdf833;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;position:relative;overflow:hidden}.footer-links a:before{content:"";background:linear-gradient(135deg,var(--glow-cyan),var(--glow-blue));opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.footer-links a:hover{color:#020617;border-color:#0000;transform:translateY(-5px)scale(1.1);box-shadow:0 10px 25px #38bdf866,0 0 40px #38bdf84d}.footer-links a:hover:before{opacity:1}.footer-links a:hover{z-index:1;position:relative}.footer-links a svg{z-index:2;transition:var(--transition-fast);position:relative}.light .footer-links a{color:#334155;background:#fffc;border:1px solid #cbd5e180;box-shadow:0 4px 12px #0000000f}.light .footer-links a:hover{color:#0369a1;background:#38bdf826;border-color:#38bdf880;box-shadow:0 6px 20px #38bdf826,0 0 30px #38bdf81a}.footer-divider{background:linear-gradient(90deg,transparent,var(--glow-cyan),transparent);opacity:.6;border-radius:10px;width:60px;height:3px;margin:28px auto}.footer-copyright{color:#64748b;opacity:.8;margin-top:20px;font-size:clamp(12px,1.4vw,14px)}.light .footer-copyright{color:#475569;font-weight:500}.reveal{opacity:0;will-change:opacity,transform;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}.typing{border-right:3px solid var(--glow-cyan);white-space:nowrap;animation:3.5s steps(30,end) 1s both typing,.8s step-end infinite blink;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:var(--glow-cyan)}51%,to{border-color:#0000}}@keyframes gridMove{0%{background-position:0 0,0 0}to{background-position:60px 60px,60px 60px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.navbar,.nav-links li a:after,button,.project-card,.achievement-card,.education-card,.skills-group,#about{will-change:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media (min-width:1600px){.home-container{gap:60px}.home-content{max-width:850px}.floating-icons{max-width:450px}.tech-icon{width:70px;height:70px;font-size:32px}}@media (max-width:768px){.menu-toggle{justify-content:center;align-items:center;font-size:22px;display:flex}.menu-toggle:active{transform:scale(.95)}.nav-links{-webkit-backdrop-filter:blur(20px)saturate(180%);text-align:center;z-index:999;background:#020617fa;border-bottom:1px solid #38bdf840;border-left:1px solid #38bdf840;flex-direction:column;width:100%;max-width:320px;padding:30px 0;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:none;position:fixed;top:75px;right:0;box-shadow:-10px 10px 40px #00000080,0 0 60px #38bdf81a}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.light .nav-links{background:#f8fafcfa;border-bottom:1px solid #cbd5e1cc;border-left:1px solid #cbd5e1cc;box-shadow:-10px 10px 40px #00000026,0 0 40px #0000000d}.nav-links.open{display:flex}.nav-links li{opacity:0;padding:16px 0;animation:.4s forwards fadeSlideIn}.nav-links li:first-child{animation-delay:50ms}.nav-links li:nth-child(2){animation-delay:.1s}.nav-links li:nth-child(3){animation-delay:.15s}.nav-links li:nth-child(4){animation-delay:.2s}.nav-links li:nth-child(5){animation-delay:.25s}.nav-links li:nth-child(6){animation-delay:.3s}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.nav-links li a{transition:var(--transition-fast);border-radius:8px;padding:12px 24px;font-size:16px;display:block}.nav-links li a:hover{background:#38bdf81a}.navbar{padding:16px 20px}.logo{font-size:20px}.nav-right{gap:12px}.theme-btn{width:40px;height:40px;font-size:18px}section{padding:100px 24px}#home{padding:110px 24px 80px}.home-container{flex-direction:column;gap:50px}.home-content{text-align:left;max-width:100%}.home-visual{order:2;width:100%;min-height:450px}.floating-icons{max-width:100%;min-height:450px}.tech-icon{width:52px;height:52px;font-size:26px}#home h1{margin-bottom:16px;font-size:clamp(32px,8vw,40px)}.hero-subtitle{font-size:clamp(14px,4vw,16px)}.hero-desc{font-size:clamp(14px,3.5vw,16px)}.hero-buttons{flex-direction:column;align-items:stretch;gap:12px}.hero-buttons button,.hero-buttons a{text-align:center;width:100%}.hero-social{justify-content:flex-start;margin-top:24px}.hero-social .social-link{width:44px;height:44px;font-size:18px}.home-line{display:none}#about,#contact form{margin-top:20px;padding:32px 24px}#about h2,#education h2,#achievements h2,#skills h2,#projects h2,#contact h2{margin-bottom:30px;font-size:clamp(26px,6vw,32px)}#about h2:after,#education h2:after,#achievements h2:after,#skills h2:after,#projects h2:after,#contact h2:after{width:60px;height:4px}#about p,.education-card p,.education-desc{font-size:clamp(14px,3.5vw,15px)}#education{padding-left:16px}#education:before{top:100px;left:6px}.education-card{margin-top:24px;padding:24px 20px 24px 28px}.education-card:before{width:14px;height:14px;left:-14px}.education-card h3{font-size:clamp(17px,4vw,19px)}.skills-group{margin-bottom:20px;padding:20px}.skills-group h3{font-size:clamp(16px,4vw,18px)}.skills-box{gap:10px}.skills-box span{padding:9px 15px;font-size:clamp(12px,3vw,13px)}.projects-grid{grid-template-columns:1fr;gap:24px}.achievements-grid{grid-template-columns:1fr;gap:20px}.achievement-card{padding:24px}.achievement-card h3{font-size:clamp(17px,4vw,20px)}.achievement-card p:last-child{font-size:clamp(13px,3.5vw,15px)}.project-card{padding:26px}.project-card h3{font-size:clamp(18px,4.5vw,20px)}.project-card p,.project-card ul li{font-size:clamp(13px,3.5vw,15px)}.tech-stack{gap:8px}.tech-stack span{padding:6px 14px;font-size:clamp(11px,3vw,12px)}#contact form{max-width:100%;padding:28px 20px}#contact input,#contact textarea{padding:14px;font-size:15px}.footer{padding:40px 20px}.footer-links{gap:20px}.footer-links a{width:45px;height:45px;font-size:20px}}@media (max-width:480px){.navbar{padding:14px 16px}.logo{font-size:18px}section{padding:90px 16px}#home{padding:100px 16px 70px}.home-visual,.floating-icons{min-height:380px}.tech-icon{width:46px;height:46px;font-size:22px}#about,#contact form,.education-card,.achievement-card,.project-card{padding:20px 16px}.skills-group{padding:16px}button{padding:11px 20px;font-size:14px}}@media (min-width:769px) and (max-width:1024px){section{padding:100px 40px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}#about,#education,#achievements,#skills{max-width:800px}}.scroll-to-top{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #007bff66}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 25px #007bff99}.scroll-to-top:active{transform:translateY(-2px)}@media (max-width:768px){.scroll-to-top{width:45px;height:45px;font-size:18px;bottom:20px;right:20px}}