:root{--color-bg-primary: #080c18;--color-bg-secondary: #0d1225;--color-bg-overlay: #0a0e1a;--color-bg-card: rgba(14, 20, 38, .7);--color-cyan: #00e7ff;--color-red: #ff3b3b;--color-cyan-dim: #00b8cc;--color-red-dim: #cc2f2f;--color-cyan-shadow: rgba(0, 231, 255, .25);--color-red-shadow: rgba(255, 59, 59, .25);--color-text-primary: #e8edf5;--color-text-secondary: #9ca3b8;--color-text-muted: #5a6070;--color-glass-white: rgba(255, 255, 255, .04);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-border-hover: rgba(0, 231, 255, .2);--font-primary: "Space Grotesk", sans-serif;--font-secondary: "Inter", sans-serif;--font-code: "Fira Code", monospace;--section-padding: 80px 80px;--card-padding: 32px;--grid-gap: 24px;--trans-fast: all .2s ease;--trans-base: all .3s ease;--trans-slow: all .5s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{font-family:var(--font-secondary);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;position:relative;cursor:none}@media(pointer:coarse){body{cursor:auto}}.cur-glow{position:fixed;top:0;left:0;width:140px;height:140px;border-radius:50%;pointer-events:none;z-index:99990;transform:translate(-50%,-50%);opacity:0;will-change:transform;filter:blur(28px);background:radial-gradient(circle,rgba(0,231,255,.12) 0%,transparent 65%)}.cur-star-wrap{position:fixed;top:0;left:0;pointer-events:none;z-index:99996;transform:translate(-50%,-50%);opacity:0;will-change:transform;--cur-clr: #00e7ff;--cur-mid: rgba(0, 231, 255, .5)}.cur-star-svg{width:38px;height:38px;display:block;animation:curStarSpin 12s linear infinite;transform-origin:center;overflow:visible;filter:drop-shadow(0 0 3px var(--cur-mid, rgba(0,231,255,.5))) drop-shadow(0 0 8px rgba(0,231,255,.2))}@keyframes curStarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cur-dot{position:fixed;top:0;left:0;width:4px;height:4px;border-radius:50%;background:#00e7ff;pointer-events:none;z-index:100000;transform:translate(-50%,-50%);opacity:0;will-change:transform;box-shadow:0 0 5px #00e7ff,0 0 12px #00e7ff99}.touch-ripple{position:fixed;pointer-events:none;z-index:99999;border-radius:50%;will-change:transform,opacity}@media(pointer:coarse){body{cursor:auto!important}}.scroll-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-cyan),#8b5cf6,var(--color-red));transform-origin:left;transform:scaleX(0);z-index:9999;pointer-events:none;box-shadow:0 0 12px #00e7ff99,0 0 24px #00e7ff33}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-muted);text-decoration:none;z-index:20;transition:opacity .5s ease,color .3s ease;cursor:none}.hero-scroll-indicator:hover{color:var(--color-cyan)}.scroll-arrow-label{font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.scroll-arrow-wrap{animation:scrollBounce 1.8s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.hero-left>*{will-change:transform}.hero-right .code-editor-card{will-change:transform;transform-style:preserve-3d}.about-section,.skills-section,.projects-section,.education-section,.achievements-section,.contact-section{contain:layout paint}a{text-decoration:none}.hero-greeting,.hero-name,.hero-title,.hero-subtitle,.hero-cta .cta-button,.hero-socials,.code-editor-card{visibility:hidden}.section-title,.about-profile-wrap,.about-content-col,.project-card,.edu-card,.ach-card,.connect-card,.skill-hex-card{opacity:0}.project-card,.edu-card,.ach-card{will-change:transform,opacity}#network-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}#network-bg svg{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes npBg{0%,to{opacity:.22}50%{opacity:.38}}@keyframes npMid{0%,to{opacity:.42}50%{opacity:.6}}#particleCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}@keyframes npFg{0%,to{opacity:.58}50%{opacity:.8}}@keyframes npAccent{0%,to{opacity:.65}50%{opacity:.92}}@media(min-width:769px){.np-bg{animation:npBg 9s ease-in-out infinite}.np-mid{animation:npMid 7s ease-in-out infinite}.np-fg{animation:npFg 5.5s ease-in-out infinite}.np-accent{animation:npAccent 4s ease-in-out infinite}}@media(max-width:768px){.net-node{animation:none!important}}.net-node{cursor:crosshair;transition:opacity .2s ease,transform .2s ease;transform-box:fill-box;transform-origin:center}.net-node:hover{opacity:1!important;transform:scale(2.4);filter:brightness(1.8)}.nav-link-active{color:var(--color-text-primary)!important}.nav-link-active:after{width:100%!important;background:linear-gradient(90deg,var(--color-cyan),var(--color-red))}.hero-section{--spot-x: 50%;--spot-y: 50%;--spot-op: 0}.hero-spotlight{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(600px circle at var(--spot-x) var(--spot-y),rgba(0,231,255,.055),transparent 70%);opacity:var(--spot-op);transition:opacity .4s ease}.glass-card{position:relative;overflow:hidden}.project-card{position:relative;transform-style:preserve-3d;perspective:1000px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card-cyan:hover{transform:translateY(-8px) perspective(1000px) rotateX(4deg) rotateY(-2deg)!important;border-color:#00e7ff59!important;box-shadow:0 20px 60px #00000080,0 0 50px #00e7ff1f!important}.project-card-red:hover{transform:translateY(-8px) perspective(1000px) rotateX(4deg) rotateY(-2deg)!important;border-color:#ff3b3b59!important;box-shadow:0 20px 60px #00000080,0 0 50px #ff3b3b1f!important}.project-image{position:relative;overflow:hidden}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,10,20,.92) 0%,rgba(5,10,20,.6) 60%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:16px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-overlay-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;border-radius:8px;background:var(--color-cyan);color:#050a14;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.project-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00e7ff59}.project-overlay-btn-secondary{background:#ffffff1a;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.15)}.project-overlay-btn-secondary:hover{background:#ffffff2e;box-shadow:0 6px 20px #0000004d}.marquee-skill-card{transform-style:preserve-3d;perspective:600px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.marquee-skill-card:hover{transform:translateY(-8px) perspective(600px) rotateX(6deg) rotateY(-4deg);border-color:#00e7ff73;background:#00e7ff12;box-shadow:0 20px 50px #00e7ff2e,0 0 0 1px #00e7ff1a}.form-group{position:relative}.form-input{position:relative;z-index:1}.form-group:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-cyan),var(--color-red));border-radius:0 0 10px 10px;transition:width .35s ease;z-index:2;pointer-events:none}.form-group:focus-within:after{width:100%}.contact-submit{position:relative;overflow:hidden}.contact-submit:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.18) 50%,transparent 80%);transform:skew(-15deg);transition:left .5s ease;pointer-events:none}.contact-submit:not(:disabled):hover:after{left:160%}@keyframes btnPulse{0%,to{box-shadow:0 0 20px var(--color-cyan-shadow)}50%{box-shadow:0 0 40px #00e7ff73}}.contact-submit:disabled:not(.btn-sent){animation:btnPulse 1.2s ease-in-out infinite;opacity:.85;cursor:wait}.aurora-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.aurora-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.1;will-change:auto}.aurora-blob-1{width:500px;height:500px;background:radial-gradient(circle,var(--color-cyan),transparent 70%);top:-200px;left:-200px;animation:none}.aurora-blob-2{width:500px;height:500px;background:radial-gradient(circle,var(--color-red),transparent 70%);bottom:-250px;right:-250px;opacity:.06;animation:none}.aurora-blob-3{display:none}@keyframes auroraMove1{0%{transform:translate(0) scale(1)}to{transform:translate(100px,150px) scale(1.2)}}@keyframes auroraMove2{0%{transform:translate(0) scale(1)}to{transform:translate(-150px,-100px) scale(.8)}}@keyframes auroraMove3{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(calc(-50% + 80px),calc(-50% - 80px)) scale(1.1)}}@media(max-width:768px){.aurora-blob{filter:blur(40px);opacity:.06}.aurora-blob-1{width:300px;height:300px;top:-100px;left:-100px}.aurora-blob-2{width:300px;height:300px;bottom:-150px;right:-150px;opacity:.04}.aurora-blob-3{width:250px;height:250px}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c18e0;border-bottom:1px solid var(--color-glass-border);transition:background .3s;contain:layout}.nav-container{max-width:1400px;margin:0 auto;padding:16px 48px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,231,255,.2);box-shadow:0 0 16px #00e7ff1a;cursor:pointer;transition:var(--trans-base)}.logo:hover{box-shadow:0 0 24px #00e7ff4d}.nav-menu{display:flex;gap:36px;list-style:none}@media(min-width:1025px){.nav-menu{position:absolute;left:50%;transform:translate(-50%)}}.nav-link{color:var(--color-text-secondary);font-size:15px;font-weight:500;position:relative;transition:color .3s;padding-bottom:4px}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-cyan);transition:width .3s ease;border-radius:1px}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after{width:100%}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-toggle span{width:24px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:var(--trans-base)}.container{max-width:1400px;margin:0 auto;padding:var(--section-padding);position:relative;z-index:10}.section-title{font-family:var(--font-primary);font-size:44px;font-weight:700;text-align:center;margin-bottom:16px;background:linear-gradient(135deg,var(--color-cyan) 20%,#fff 50%,var(--color-red) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 4px 20px rgba(0,0,0,.8),0 0 10px rgba(0,231,255,.2)}.section-subtitle{text-align:center;color:#e2e8f0;font-size:17px;margin-bottom:64px;font-weight:500;text-shadow:0 4px 15px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}.glass-card{background:#0e1428e0;border:1px solid var(--color-glass-border);border-radius:20px;padding:var(--card-padding);box-shadow:0 8px 40px #0006,inset 0 1px #ffffff0d;transition:var(--trans-base)}.glass-card:hover{border-color:#00e7ff26;box-shadow:0 12px 50px #00000080,0 0 30px #00e7ff0d}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;font-family:var(--font-secondary);text-decoration:none;border-radius:10px;transition:var(--trans-base);cursor:pointer;border:none;letter-spacing:.02em}.cta-primary{background:var(--color-cyan);color:#050a14;box-shadow:0 0 20px var(--color-cyan-shadow),0 4px 14px #0000004d}.cta-primary:hover{box-shadow:0 0 40px #00e7ff73,0 6px 20px #0000004d;transform:translateY(-2px)}.cta-secondary{background:transparent;color:var(--color-cyan);border:1.5px solid rgba(0,231,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-secondary:hover{background:#00e7ff14;border-color:var(--color-cyan);transform:translateY(-2px)}.cta-large{padding:18px 44px;font-size:17px}.highlight-cyan{color:var(--color-cyan);font-weight:600}.highlight-red{color:var(--color-red);font-weight:600}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;z-index:10;padding:120px 80px 80px;overflow:hidden}.hero-wrapper{max-width:1400px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:5}.hero-left{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#00e7ff0f;border:1px solid rgba(0,231,255,.2);border-radius:100px;font-size:13px;font-weight:500;color:var(--color-cyan);width:fit-content;letter-spacing:.02em}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero-greeting{font-size:20px;color:var(--color-text-secondary);font-weight:400;margin-bottom:-16px}.hero-name{font-family:var(--font-primary);font-size:68px;font-weight:700;letter-spacing:-2.5px;line-height:1.05;background:linear-gradient(to right,#00e5ff,#3b82f6,#0ea5e9,#3b82f6,#00e5ff);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradientName 8s linear infinite}@keyframes gradientName{to{background-position:200% center}}.hero-title{font-family:var(--font-primary);font-size:32px;font-weight:600;margin-bottom:0}.role-text-container{display:inline-flex;align-items:center}.role-text{background:linear-gradient(135deg,var(--color-cyan),var(--color-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.role-cursor{display:inline-block;width:3px;height:1.1em;background-color:var(--color-cyan);margin-left:6px;animation:blinkCursorRole 1s step-end infinite}@keyframes blinkCursorRole{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{font-size:18px;color:var(--color-text-secondary);line-height:1.7;max-width:480px}.hero-accent-cyan{color:var(--color-cyan);font-weight:600}.hero-accent-red{color:var(--color-red);font-weight:600}.hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.hero-socials{display:flex;gap:12px;margin-top:24px}.hero-social-link{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid var(--color-glass-border);color:var(--color-text-secondary);transition:var(--trans-base)}.hero-social-link:hover{background:#00e7ff14;border-color:#00e7ff4d;color:var(--color-cyan);transform:translateY(-3px);box-shadow:0 8px 20px #00e7ff26}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;transform-style:preserve-3d}.hero-right .code-editor-card{transition:transform .2s ease-out;transform:rotateY(calc(var(--mouse-x, 0) * 12deg)) rotateX(calc(var(--mouse-y, 0) * -12deg))}.code-editor-card{width:100%;max-width:560px;border-radius:16px;overflow:hidden;background:#0a0e1af7;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #0009,0 0 0 1px #00e7ff0d,inset 0 1px #ffffff0f;position:relative;z-index:2}@keyframes editorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.code-editor-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.code-editor-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.code-editor-filename{flex:1;font-family:var(--font-code);font-size:13px;color:var(--color-text-secondary)}.code-editor-badge{font-size:11px;padding:2px 8px;background:#00e7ff1a;border:1px solid rgba(0,231,255,.2);border-radius:4px;color:var(--color-cyan);font-family:var(--font-code)}.code-editor-body{padding:20px 24px;min-height:260px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.code-editor-body::-webkit-scrollbar{display:none}.code-lines{display:flex;flex-direction:column;gap:4px}.code-line{display:flex;align-items:baseline;gap:16px;font-family:var(--font-code);font-size:14px;line-height:1.8;animation:fadeInLine .3s ease forwards;opacity:0}@keyframes fadeInLine{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.code-line-num{min-width:20px;color:#ffffff2e;font-size:12px;text-align:right;-webkit-user-select:none;user-select:none}.code-content{display:flex;flex-wrap:nowrap;white-space:pre-wrap}.code-indent{white-space:pre}.code-keyword{color:#c792ea}.code-var{color:#82aaff}.code-op{color:#89ddff}.code-key{color:#f07178}.code-string{color:#c3e88d}.code-fn{color:#82aaff}.code-method{color:#00e7ff}.code-cursor{width:2px;height:20px;background:var(--color-cyan);margin-top:4px;margin-left:36px;border-radius:1px;animation:blink 1.2s step-end infinite;box-shadow:0 0 8px var(--color-cyan)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.code-editor-footer{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05)}.code-status-dot{width:8px;height:8px;border-radius:50%;background:#27c93f;box-shadow:0 0 8px #27c93f;animation:pulseDot 2s ease-in-out infinite}.code-status-text{font-size:12px;font-family:var(--font-code);color:var(--color-text-muted)}.about-section{position:relative;z-index:10}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:center;margin-top:16px}.about-image-col{display:flex;align-items:center;justify-content:center}.about-profile-wrap{position:relative;width:300px;height:300px}.about-profile-glow{position:absolute;inset:-24px;border-radius:50%;border:2px dashed rgba(0,231,255,.3);border-top:2px solid var(--color-cyan);border-bottom:2px solid var(--color-red);will-change:transform;animation:rotateSlow 20s linear infinite;z-index:0}.about-profile-glow:after{content:"";position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(255,59,59,.2);border-left:2px solid var(--color-cyan);border-right:2px solid var(--color-red);animation:rotateSlowReverse 12s linear infinite}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateSlowReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.about-profile-ring{position:relative;width:100%;height:100%;border-radius:50%;padding:4px;background:conic-gradient(var(--color-cyan),var(--color-red),var(--color-cyan));overflow:hidden;box-shadow:0 0 30px #00e7ff26,0 0 60px #00e7ff14,0 0 30px #ff3b3b1a,0 0 60px #ff3b3b0f;z-index:2}.about-profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.about-profile-tag{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 22px;background:#0e1428d9;border:1px solid rgba(0,231,255,.4);border-top:1px solid rgba(0,231,255,.8);border-radius:100px;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;background:#080e20eb;z-index:10}.about-profile-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 10px 2px var(--color-cyan);animation:pulseDot 2s ease-in-out infinite}.about-content-col{display:flex;flex-direction:column;gap:0}.about-heading{font-family:var(--font-primary);font-size:28px;font-weight:600;margin-bottom:20px;line-height:1.3;color:var(--color-text-primary)}.about-text{font-size:16px;line-height:1.8;margin-bottom:16px;color:var(--color-text-secondary)}.about-text:last-of-type{margin-bottom:28px}.about-stats-row{display:flex;gap:32px;padding-top:24px;border-top:1px solid var(--color-glass-border)}.about-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.about-stat-num{font-family:var(--font-primary);font-size:28px;font-weight:700}.about-stat-label{font-size:13px;color:var(--color-text-muted);font-weight:500;letter-spacing:.05em}.skills-section{position:relative;z-index:10}.skills-grid-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px;padding-bottom:40px;position:relative}.skills-row{display:flex;justify-content:center;gap:16px;position:relative;z-index:2}.skills-glow-orb{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(40px);opacity:.12;z-index:0;pointer-events:none;will-change:auto}.orb-cyan{background:radial-gradient(circle,var(--color-cyan),transparent 60%);top:10%;left:20%}.orb-red{background:radial-gradient(circle,var(--color-red),transparent 60%);bottom:10%;right:20%}.skill-hex-card{width:90px;height:90px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#11182766;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:default;overflow:hidden;animation:zeroGravityFloat 6s ease-in-out infinite alternate}@keyframes zeroGravityFloat{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.skill-hex-icon{color:var(--color-text-muted);transition:all .3s ease;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.skill-hex-label{font-size:11px;font-weight:500;color:var(--color-text-secondary);transition:all .3s ease;text-align:center;white-space:nowrap}.skill-hex-card:hover{transform:translateY(-5px);background:#111827cc;border-color:var(--brand-color);box-shadow:0 10px 30px #00000080,0 0 20px var(--brand-color)}.skill-hex-card:hover:before{content:"";position:absolute;inset:0;background:var(--brand-color);opacity:.1;border-radius:16px;pointer-events:none}.skill-hex-card:hover .skill-hex-icon{color:var(--brand-color);transform:scale(1.1)}.skill-hex-card:hover .skill-hex-label{color:var(--color-text-primary)}@media(max-width:768px){.skill-hex-card{width:75px;height:75px}.skill-svg{width:28px!important;height:28px!important}.skill-hex-label{font-size:10px;margin-bottom:-4px}.skills-grid-wrapper,.skills-row{gap:10px}}.projects-section{position:relative;z-index:10}.projects-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:32px}.projects-header .section-title{margin-bottom:0}.projects-nav{display:flex;gap:12px;position:absolute;right:0}.project-nav-btn{width:44px;height:44px;border-radius:50%;background:#ffffff0a;border:1px solid var(--color-glass-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--trans-base)}.project-nav-btn:hover{background:#00e7ff14;border-color:#00e7ff4d;color:var(--color-cyan);box-shadow:0 4px 15px #00e7ff26;transform:translateY(-2px)}.projects-scroll-wrapper{position:relative;width:100%;mask-image:linear-gradient(90deg,transparent 0%,black 2%,black 98%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 2%,black 98%,transparent 100%)}.projects-grid{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:24px}.projects-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 calc(33.333% - 19px);scroll-snap-align:start;cursor:pointer;transition:var(--trans-base);overflow:hidden;border-radius:20px}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000080,0 0 40px #00e7ff14;border-color:#00e7ff26}.project-image{width:100%;height:180px;background:linear-gradient(135deg,var(--color-bg-overlay),var(--color-bg-secondary));display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-muted);margin-bottom:20px;border-radius:10px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block}.project-title{font-family:var(--font-primary);font-size:20px;font-weight:600;margin-bottom:12px;color:var(--color-text-primary)}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag{padding:4px 10px;background:#00e7ff14;border:1px solid rgba(0,231,255,.2);border-radius:6px;font-size:11px;font-weight:500;color:var(--color-cyan);letter-spacing:.03em}.project-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.project-links{display:flex;gap:12px}.project-link{font-size:13px;font-weight:500;color:var(--color-cyan);text-decoration:none;padding:7px 14px;border:1px solid rgba(0,231,255,.3);border-radius:7px;transition:var(--trans-base)}.project-link:hover{background:#00e7ff14;border-color:var(--color-cyan)}.education-section{position:relative;z-index:10}.edu-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;margin-top:16px}.edu-illustration-wrap{display:flex;flex-direction:column;align-items:center;gap:24px;position:relative}.edu-svg{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 20px 60px rgba(0,0,0,.5));will-change:transform;animation:eduFloat 6s ease-in-out infinite}@keyframes eduFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.edu-illus-label{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:#00e7ff0f;border:1px solid rgba(0,231,255,.18);border-radius:100px;font-size:13px;font-weight:600;color:var(--color-cyan);letter-spacing:.03em}.edu-illus-dot{width:8px;height:8px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 8px var(--color-cyan);animation:pulseDot 2s ease-in-out infinite}.edu-cards-col{display:flex;flex-direction:column;gap:20px}.edu-entry{display:flex;align-items:flex-start;gap:20px;padding:var(--card-padding);border-radius:16px;position:relative;background:#0e1428eb;transition:var(--trans-base);overflow:hidden}.edu-entry-cyan,.edu-entry-red{background:#0e1428a6;border:1px solid rgba(255,255,255,.07)}.edu-entry-cyan:hover{border-color:#00e7ff40;box-shadow:0 12px 40px #0006,0 0 25px #00e7ff14;transform:translate(6px)}.edu-entry-red:hover{border-color:#ff3b3b40;box-shadow:0 12px 40px #0006,0 0 25px #ff3b3b14;transform:translate(6px)}.edu-entry:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:16px 0 0 16px;transition:opacity .3s;opacity:0}.edu-entry-cyan:before{background:var(--color-cyan)}.edu-entry-red:before{background:var(--color-red)}.edu-entry:hover:before{opacity:1}.edu-icon-wrap{flex-shrink:0;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-top:2px}.edu-icon-cyan{background:#00e7ff1a;border:1px solid rgba(0,231,255,.2);color:var(--color-cyan)}.edu-icon-red{background:#ff3b3b1a;border:1px solid rgba(255,59,59,.2);color:var(--color-red)}.edu-entry-body{flex:1}.edu-entry-period{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:8px}.edu-period-cyan{color:var(--color-cyan)}.edu-period-red{color:var(--color-red)}.edu-entry-degree{font-family:var(--font-primary);font-size:17px;font-weight:700;color:var(--color-text-primary);letter-spacing:.02em;margin-bottom:6px}.edu-entry-field{font-size:13px;color:var(--color-text-secondary);font-weight:500;margin-bottom:4px}.edu-entry-institution{font-size:13px;color:var(--color-text-muted)}.edu-entry-line{display:none}.achievements-section{position:relative;z-index:10}.achievements-subtitle{text-align:center;color:var(--color-text-muted);font-size:16px;margin-bottom:56px}.ach-timeline{position:relative;padding:0}.ach-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--color-cyan) 15%,rgba(0,231,255,.4) 50%,var(--color-red) 85%,transparent);transform:translate(-50%);border-radius:2px;box-shadow:0 0 20px #00e7ff1f}.ach-item{position:relative;width:50%;padding:12px 48px 24px}.ach-left{left:0}.ach-right{left:50%}.ach-node{position:absolute;top:16px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;font-size:18px}.ach-node-cyan{background:#00e7ff1f;border:2px solid var(--color-cyan);box-shadow:0 0 0 6px #00e7ff14,0 0 30px #00e7ff59}.ach-node-red{background:#ff3b3b1f;border:2px solid var(--color-red);box-shadow:0 0 0 6px #ff3b3b14,0 0 30px #ff3b3b59}.ach-node-ring{position:absolute;inset:-6px;border-radius:50%;border:1px solid;opacity:.3;animation:nodeRingPulse 2s ease-in-out infinite}.ach-ring-cyan{border-color:var(--color-cyan)}.ach-ring-red{border-color:var(--color-red)}.ach-node-glow{position:absolute;inset:-12px;border-radius:50%;filter:blur(12px);opacity:0;transition:opacity .3s}.ach-glow-cyan{background:var(--color-cyan)}.ach-glow-red{background:var(--color-red)}.ach-node:hover .ach-node-glow{opacity:.2}@keyframes nodeRingPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:.6}}.ach-node-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;color:currentColor;line-height:1}.ach-left .ach-node{right:-24px}.ach-right .ach-node{left:-24px}.ach-card{padding:var(--card-padding);border-radius:16px;transition:var(--trans-base)}.ach-card-cyan{border-left:3px solid rgba(0,231,255,.3)}.ach-card-red{border-left:3px solid rgba(255,59,59,.3)}.ach-right .ach-card-cyan{border-left:1px solid var(--color-glass-border);border-right:3px solid rgba(0,231,255,.3)}.ach-right .ach-card-red{border-left:1px solid var(--color-glass-border);border-right:3px solid rgba(255,59,59,.3)}.ach-card:hover{transform:translateY(-4px)}.ach-card-cyan:hover{box-shadow:0 16px 50px #0006,0 0 25px #00e7ff1a;border-color:var(--color-cyan)}.ach-card-red:hover{box-shadow:0 16px 50px #0006,0 0 25px #ff3b3b1a;border-color:var(--color-red)}.ach-year{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:6px;margin-bottom:10px;letter-spacing:.08em;text-transform:uppercase}.ach-year-cyan{background:#00e7ff1a;color:var(--color-cyan)}.ach-year-red{background:#ff3b3b1a;color:var(--color-red)}.ach-title{font-family:var(--font-primary);font-size:19px;font-weight:700;color:var(--color-text-primary);margin-bottom:6px}.ach-subtitle{font-size:13px;font-weight:600;margin-bottom:10px}.ach-sub-cyan{color:var(--color-cyan)}.ach-sub-red{color:var(--color-red)}.ach-desc{font-size:14px;color:var(--color-text-secondary);line-height:1.6}.contact-section{position:relative;z-index:10}.connect-hero{max-width:720px;margin:0 auto;text-align:center}.connect-tagline{font-family:var(--font-primary);font-size:22px;font-weight:500;color:var(--color-text-secondary);line-height:1.7;margin-bottom:48px}.connect-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connect-card{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:14px;background:#0e14288c;border:1px solid var(--color-glass-border);text-decoration:none;color:var(--color-text-primary);transition:border-color .3s,box-shadow .3s,transform .3s;cursor:pointer}.connect-card-cyan:hover{border-color:#00e7ff59;box-shadow:0 0 25px #00e7ff14,0 8px 30px #0000004d;transform:translateY(-3px)}.connect-card-red:hover{border-color:#ff3b3b59;box-shadow:0 0 25px #ff3b3b14,0 8px 30px #0000004d;transform:translateY(-3px)}.connect-card-muted{cursor:default;color:var(--color-text-secondary)}.connect-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.connect-card-cyan .connect-card-icon{background:#00e7ff14;color:var(--color-cyan)}.connect-card-red .connect-card-icon{background:#ff3b3b14;color:var(--color-red)}.connect-card-muted .connect-card-icon{background:#ffffff0a;color:var(--color-text-muted)}.connect-card-body{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.connect-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.connect-card-value{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-card-arrow{margin-left:auto;font-size:18px;color:var(--color-text-muted);transition:transform .3s,color .3s;flex-shrink:0}.connect-card-cyan:hover .connect-card-arrow{transform:translate(4px);color:var(--color-cyan)}.connect-card-red:hover .connect-card-arrow{transform:translate(4px);color:var(--color-red)}.floating-btns{position:fixed;bottom:36px;right:28px;z-index:999;display:flex;flex-direction:column;gap:12px;align-items:flex-end;opacity:0;pointer-events:none;transform:translate(20px);transition:opacity .4s ease,transform .4s ease}.floating-btns-visible{opacity:1;pointer-events:all;transform:translate(0)}.floating-btn{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid;transition:var(--trans-base);box-shadow:0 8px 30px #0006}.floating-chat-btn{background:#00e7ff1f;border-color:#00e7ff4d;color:var(--color-cyan)}.floating-chat-btn:hover,.chat-btn-active{background:var(--color-cyan);color:#050a14;box-shadow:0 8px 30px #00e7ff4d;transform:scale(1.08)}.floating-top-btn{background:#ffffff0f;border-color:#ffffff1f;color:var(--color-text-secondary)}.floating-top-btn:hover{background:#ff3b3b1f;border-color:#ff3b3b4d;color:var(--color-red);transform:translateY(-4px);box-shadow:0 8px 30px #ff3b3b40}.floating-chat-wrap{position:relative}.chat-bubble{position:absolute;bottom:62px;right:0;width:260px;padding:18px 20px;border-radius:16px;border-left:3px solid var(--color-cyan)!important;box-shadow:0 20px 60px #00000080;animation:bubbleIn .25s ease}@keyframes bubbleIn{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-bubble-text{font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.chat-link{color:var(--color-cyan);font-weight:600}.chat-link:hover{color:var(--color-red)}.chat-bubble-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;line-height:1;padding:2px;transition:color .2s}.chat-bubble-close:hover{color:var(--color-red)}.footer{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#050612f2,#040712);color:var(--color-text-primary)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:40px;padding-bottom:36px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-brand-name{font-family:var(--font-primary);font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:.01em}.footer-brand-tag{font-size:12px;color:var(--color-cyan);font-weight:500;letter-spacing:.04em;opacity:.8}.footer-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.footer-nav-link{font-size:13px;font-weight:500;color:var(--color-text-muted);transition:color .2s;letter-spacing:.02em}.footer-nav-link:hover{color:var(--color-cyan)}.footer-socials{display:flex;align-items:center;gap:12px}.footer-social-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted);transition:var(--trans-base)}.footer-social-icon:hover{color:var(--color-cyan);border-color:#00e7ff40;background:#00e7ff12;transform:translateY(-3px);box-shadow:0 8px 20px #00e7ff1a}.footer-bottom{text-align:center;padding:16px 0;border-top:1px solid rgba(255,255,255,.04);color:var(--color-text-muted);font-size:12px;letter-spacing:.03em}.footer-bottom strong{color:var(--color-text-secondary);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:40px;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.85);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:#ff3b3b26;border:1px solid rgba(255,59,59,.3);border-radius:50%;color:var(--color-red);font-size:20px;cursor:pointer;transition:var(--trans-base);z-index:10;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-red);color:#fff;transform:rotate(90deg)}.modal-image{width:100%;height:280px;background:linear-gradient(135deg,var(--color-bg-overlay),var(--color-bg-secondary));display:flex;align-items:center;justify-content:center;margin-bottom:28px;border-radius:10px;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-title{font-family:var(--font-primary);font-size:32px;font-weight:700;margin-bottom:20px}.modal-tags{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.modal-description{font-size:16px;line-height:1.8;color:var(--color-text-secondary);margin-bottom:32px}.modal-links{display:flex;gap:20px}.loader-overlay{position:fixed;inset:0;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-container{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.loader-rings{position:absolute;inset:0;pointer-events:none}.ring{position:absolute;border-radius:50%;border:2px solid transparent}.ring-outer{inset:0;border-top-color:var(--color-cyan);border-bottom-color:var(--color-cyan);animation:spin 3s linear infinite;opacity:.3}.ring-middle{inset:15px;border-left-color:var(--color-red);border-right-color:var(--color-red);animation:spinReverse 2.5s ease-in-out infinite;opacity:.5}.ring-inner{inset:30px;border-top-color:var(--color-cyan);border-bottom-color:var(--color-cyan);animation:spin 1.5s linear infinite;box-shadow:0 0 20px var(--color-cyan-shadow)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}.loader-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0e1ab3;width:160px;height:160px;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,231,255,.1);box-shadow:inset 0 0 30px #000c}.loader-brand{font-family:var(--font-primary);font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--color-cyan),var(--color-red));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;margin-bottom:4px}.loader-progress{display:flex;align-items:baseline;gap:2px}.progress-number{font-family:var(--font-code);font-size:32px;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.progress-percent{font-family:var(--font-code);font-size:14px;color:var(--color-cyan)}.loader-status{position:absolute;bottom:-40px;font-family:var(--font-code);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loader-percent{font-size:13px;color:var(--color-text-muted);letter-spacing:1px}.marquee-skill-icon img,.about-profile-img,.modal-image img,.project-image img,.logo{display:block!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important}@media(max-width:1200px){:root{--section-padding: 80px 48px}.hero-wrapper{grid-template-columns:1fr 1fr;gap:48px}.hero-name{font-size:54px}.about-grid{grid-template-columns:1fr;gap:48px}.about-image-col{justify-content:center}.projects-grid{gap:24px}.project-card{flex:0 0 calc(50% - 12px)}}@media(max-width:1024px){.hero-wrapper{grid-template-columns:1fr;gap:48px}.hero-left{order:2;align-items:center;text-align:center}.hero-subtitle{text-align:center}.hero-cta,.hero-socials{justify-content:center}.hero-right{order:1;justify-content:center}.code-editor-card{max-width:420px}.badge-1,.badge-2,.badge-3,.badge-4{display:none}.connect-cards{grid-template-columns:1fr}.edu-layout{grid-template-columns:1fr;gap:40px}.edu-illustration-wrap{max-width:360px;margin:0 auto}.ach-item{width:100%;padding:12px 20px 24px 56px;left:0}.ach-line{left:24px}.ach-left .ach-node,.ach-right .ach-node{left:0;right:auto}.ach-right .ach-card-cyan{border-left:3px solid rgba(0,231,255,.3);border-right:1px solid var(--color-glass-border)}.ach-right .ach-card-red{border-left:3px solid rgba(255,59,59,.3);border-right:1px solid var(--color-glass-border)}.footer-top{flex-direction:column;align-items:flex-start;gap:24px}.footer-nav{gap:16px}}@media(max-width:768px){:root{--section-padding: 64px 24px;--card-padding: 24px;--grid-gap: 16px}.nav-menu{position:absolute;top:100%;left:0;width:100%;flex-direction:column;background:#080c18f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px 0;gap:24px;align-items:center;border-bottom:1px solid var(--color-glass-border);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-toggle{display:flex;z-index:1001}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-container{padding:12px 24px}.logo{width:36px;height:36px}.hero-section{padding:80px 24px 40px;min-height:auto}.hero-wrapper{gap:24px}.hero-name{font-size:40px}.hero-title{font-size:22px}.hero-subtitle{display:none}.hero-left{display:flex;flex-direction:column}.hero-socials{order:1;margin-top:16px;margin-bottom:16px}.hero-cta{order:2;margin-top:0}.code-editor-body{min-height:200px;padding:16px}.code-line{font-size:12px}.section-title{font-size:32px}.ach-item{padding:12px 16px 20px 48px}.ach-line{left:24px}.ach-node{width:40px;height:40px;top:12px;font-size:16px}.ach-title{font-size:18px;margin-bottom:6px}.ach-subtitle{font-size:13px;margin-bottom:8px}.ach-desc{font-size:14px}.connect-cards{grid-template-columns:1fr}.connect-tagline{font-size:18px}.edu-layout{gap:var(--grid-gap)}.edu-svg{max-width:160px}.edu-entry{gap:8px}.edu-entry-degree{font-size:14px}.edu-entry-field{font-size:12px}.skills-grid-wrapper{gap:10px;margin-top:24px;padding-bottom:24px}.skills-row{gap:8px}.skill-hex-card{width:56px;height:56px;border-radius:12px}.skill-hex-icon{margin-bottom:4px}.skill-svg{width:22px!important;height:22px!important}.skill-hex-label{font-size:9px}.about-grid{gap:0}.about-content-col{margin-top:16px}.about-profile-wrap{width:220px;height:220px;margin:0 auto}.about-heading{font-size:24px;text-align:center}.about-text{font-size:15px;text-align:center}.about-stats-row{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:20px}.about-stat{align-items:center;text-align:center}.float-badge{display:none}.edu-entry{flex-direction:row;align-items:flex-start;text-align:left;gap:16px}.edu-icon-wrap{margin-bottom:0}.edu-entry-body{display:flex;flex-direction:column;align-items:flex-start}.projects-grid{gap:var(--grid-gap)}.project-card{flex:0 0 85%}.project-image{height:160px;margin-bottom:16px}.project-title{font-size:18px;margin-bottom:8px}.project-description{font-size:13px;margin-bottom:16px}.projects-header{flex-direction:column;gap:16px;align-items:center}.projects-nav{position:relative;right:auto}.form-row{grid-template-columns:1fr}.footer-nav{gap:12px}.floating-btns{bottom:24px;right:20px}}@media(max-width:480px){:root{--section-padding: 48px 16px;--card-padding: 16px;--grid-gap: 12px}.hero-section{padding:80px 16px 20px}.hero-wrapper{gap:16px}.hero-name{font-size:36px}.hero-title{font-size:20px}.hero-subtitle{display:none}.hero-socials{margin-top:16px;margin-bottom:16px;order:1}.hero-cta{margin-top:0;gap:12px;order:2}.nav-container{padding:10px 16px}.logo{width:32px;height:32px}.code-editor-card{max-width:100%}.code-editor-body{min-height:160px;padding:12px}.code-line{font-size:11px}.code-editor-header{padding:10px 16px}.code-editor-footer{padding:8px 16px}.about-profile-wrap{width:160px;height:160px;margin:0 auto}.about-grid{gap:0}.about-content-col{margin-top:16px}.about-heading{font-size:20px}.about-text{font-size:14px;margin-bottom:12px}.about-stat-num{font-size:20px}.about-stat-label{font-size:11px}.section-title{font-size:26px}.skills-grid-wrapper{gap:8px;margin-top:16px;padding-bottom:16px}.skills-row{gap:6px}.skill-hex-card{width:52px;height:52px;border-radius:10px}.skill-hex-icon{margin-bottom:2px}.skill-svg{width:18px!important;height:18px!important}.skill-hex-label{font-size:8px}.project-card{flex:0 0 90%}.project-image{height:130px;margin-bottom:12px}.project-title{font-size:16px;margin-bottom:6px}.project-description{font-size:12px;margin-bottom:12px}.tag{padding:3px 8px;font-size:10px}.project-link{padding:5px 10px;font-size:11px}.edu-layout{gap:var(--grid-gap)}.edu-svg{max-width:100px}.edu-entry{flex-direction:row;gap:12px}.edu-icon-wrap{width:36px;height:36px;margin-bottom:0}.edu-icon-wrap svg{width:16px;height:16px}.edu-entry-degree{font-size:13px;margin-bottom:2px;text-align:left}.edu-entry-field{font-size:11px;margin-bottom:0;text-align:left}.edu-entry-period{font-size:10px;margin-bottom:2px;text-align:left}.ach-item{padding:8px 12px 16px 36px}.ach-line{left:16px}.ach-node{width:28px;height:28px;top:12px;font-size:12px}.ach-title{font-size:15px;margin-bottom:4px}.ach-subtitle{font-size:11px;margin-bottom:6px}.ach-desc{font-size:12px}.ach-year{font-size:9px;padding:2px 6px;margin-bottom:4px}.connect-tagline{font-size:16px;margin-bottom:32px}.connect-card{padding:12px 14px;gap:10px}.connect-card-icon{width:32px;height:32px}.connect-card-label{font-size:9px}.connect-card-value{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px;border-radius:4px}.about-section:after,.skills-section:after,.projects-section:after,.education-section:after,.achievements-section:after,.contact-section:after{content:"";display:block;width:70%;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,231,255,.12) 20%,rgba(0,231,255,.28) 50%,rgba(0,231,255,.12) 80%,transparent 100%);box-shadow:0 0 18px #00e7ff14;position:relative;bottom:0}.about-section,.skills-section,.projects-section,.achievements-section,.contact-section{position:relative;overflow:hidden}.section-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.section-shade{position:absolute;inset:0}.about-shade{background:linear-gradient(160deg,rgba(0,231,255,.04) 0%,transparent 40%,rgba(255,59,59,.03) 100%)}.skills-shade{background:linear-gradient(180deg,#080c1800,#0032501f,#080c1800)}.projects-shade{background:linear-gradient(200deg,rgba(255,59,59,.04) 0%,transparent 40%,rgba(0,231,255,.03) 100%)}.education-shade{background:linear-gradient(145deg,rgba(0,231,255,.03) 0%,transparent 40%,rgba(0,50,80,.05) 100%)}.achievements-shade{background:linear-gradient(135deg,rgba(0,231,255,.03) 0%,transparent 50%,rgba(255,59,59,.04) 100%)}.contact-shade{background:radial-gradient(ellipse at center,rgba(0,231,255,.06) 0%,transparent 60%)}.hero-shade{background:linear-gradient(180deg,#080c1800,#00e7ff0d,#080c1800)}.tech-scanner-horizontal{position:absolute;top:-10px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,231,255,.5),transparent);box-shadow:0 0 10px #00e7ffcc;animation:scan-vertical 8s ease-in-out infinite;opacity:.5}.tech-scanner-vertical{position:absolute;top:0;left:-10px;width:2px;height:100%;background:linear-gradient(180deg,transparent,rgba(255,59,59,.5),transparent);box-shadow:0 0 10px #ff3b3bcc;animation:scan-horizontal 12s ease-in-out infinite;opacity:.5}@keyframes scan-vertical{0%{top:-10%;opacity:0}10%{opacity:.5}90%{opacity:.5}to{top:110%;opacity:0}}@keyframes scan-horizontal{0%{left:-10%;opacity:0}10%{opacity:.5}90%{opacity:.5}to{left:110%;opacity:0}}.section-accent-line{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,231,255,.12) 20%,rgba(0,231,255,.2) 50%,rgba(0,231,255,.12) 80%,transparent 100%)}.bg-gradient-orb{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;will-change:auto}.orb-sm{width:200px;height:200px}.orb-md{width:350px;height:350px}.orb-lg{width:500px;height:500px}.orb-xl{width:700px;height:700px}.orb-cyan{background:radial-gradient(circle,rgba(0,231,255,.12) 0%,transparent 70%)}.orb-red{background:radial-gradient(circle,rgba(255,59,59,.12) 0%,transparent 70%)}@media(max-width:768px){.orb-sm{width:120px;height:120px;filter:blur(50px)}.orb-md{width:200px;height:200px;filter:blur(60px)}.orb-lg{width:280px;height:280px;filter:blur(70px)}.orb-xl{width:350px;height:350px;filter:blur(80px)}.about-shade,.skills-shade,.projects-shade,.achievements-shade,.contact-shade{opacity:.7}.section-accent-line{opacity:.5}}@media(max-width:480px){.orb-sm{width:80px;height:80px}.orb-md{width:140px;height:140px}.orb-lg{width:200px;height:200px}.orb-xl{width:250px;height:250px}}