*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000508;--surface:#051220bf;--surface2:#00d4ff0f;--surface-glow:#00d4ff26;--border:#00d4ff26;--border2:#00d4ff14;--cyan:#00d4ff;--cyan-dim:#00d4ff99;--cyan-glow:#00d4ff40;--cyan-bright:#40e0ff;--green:#0f8;--green-glow:#00ff8840;--purple:#a855f7;--purple-glow:#a855f740;--pink:#ec4899;--orange:#f97316;--yellow:#fbbf24;--red:#ff3b5c;--text:#f0f9ff;--text-dim:#7dd3fc;--text-muted:#0ea5e9;--text-dark:#0284c7;--gradient-cyan:linear-gradient(135deg, #00d4ff 0%, #0891b2 50%, #00d4ff 100%);--gradient-text:linear-gradient(90deg, #00d4ff 0%, #0ea5e9 50%, #00d4ff 100%);--gradient-surface:linear-gradient(135deg, #00d4ff1a 0%, #0ea5e90d 100%);--font-mono:"JetBrains Mono", monospace;--font-sans:"Inter", sans-serif;--radius:16px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-smooth:cubic-bezier(.4, 0, .2, 1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-subtle{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(.5deg)}75%{transform:translateY(4px)rotate(-.5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--cyan-glow), 0 0 40px #00d4ff1a}50%{box-shadow:0 0 30px var(--cyan-glow), 0 0 60px #00d4ff33}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes typewriter-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes reveal-up{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reveal-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes border-flow{0%{background-position:0 0}to{background-position:200% 200%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00d4ff08;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff66 0%,#00d4ff26 100%);border:1px solid #00d4ff1a;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00d4ffb3 0%,#00d4ff59 100%);box-shadow:0 0 8px #00d4ff66}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#00d4ff59 transparent}.animate-float{animation:6s ease-in-out infinite float}.animate-float-subtle{animation:8s ease-in-out infinite float-subtle}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%) 0 0/200% 100%;animation:3s infinite shimmer}.animate-gradient{background-size:200% 200%;animation:8s infinite gradient-shift}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.webgl-bg-fallback{z-index:0;background:radial-gradient(at 30% 30%,#001a2e 0%,#000508 60%);position:fixed;inset:0}.glass{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border)}.glass-strong{-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--border);background:linear-gradient(135deg,#051220e6 0%,#051220b3 100%)}@media (width<=768px){.glass{-webkit-backdrop-filter:blur(12px)saturate(140%)}.glass-strong{-webkit-backdrop-filter:blur(16px)saturate(160%)}}.hover-glow{transition:all .3s var(--ease-out-expo)}.hover-glow:hover{box-shadow:0 0 30px var(--cyan-glow), 0 0 60px #00d4ff26;border-color:var(--cyan);transform:translateY(-2px)}.magnetic{transition:transform .3s var(--ease-out-expo)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh;overflow-x:hidden}.app-layer{z-index:1;min-height:100dvh;position:relative}.fade-out{animation:.8s forwards fadeOut}.fade-in{animation:.9s forwards fadeIn}.hidden{display:none}@keyframes fadeOut{to{opacity:0;transform:scale(1.03)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lock-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.glow-orb{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:var(--cyan-glow);width:400px;height:400px;animation:12s ease-in-out infinite float;top:-100px;left:-100px}.orb-2{background:var(--purple-glow);width:300px;height:300px;animation:10s ease-in-out infinite reverse float;bottom:-50px;right:-50px}.orb-3{background:var(--green-glow);width:250px;height:250px;animation:6s ease-in-out infinite pulse-glow;top:50%;left:50%;transform:translate(-50%,-50%)}.lock-screen.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-8px)}60%{transform:translate(8px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.lock-card{width:100%;max-width:520px;transition:all .4s var(--ease-out-expo);border:1px solid #00d4ff26;border-top:none;border-radius:24px;padding:56px 52px;position:relative;overflow:hidden;box-shadow:0 -1px #00d4ff00,0 0 60px #00d4ff14,0 0 120px #00d4ff0a,inset 0 0 0 1px #00d4ff0a}.border-gradient{display:none}.lock-screen.mounted .lock-badge{animation:scale-in .5s var(--ease-out-expo) forwards}.lock-screen.mounted .title-in{animation:reveal-up .7s var(--ease-out-expo) .1s forwards;opacity:0}.lock-screen.mounted .subtitle-in{animation:reveal-up .6s var(--ease-out-expo) .3s forwards;opacity:0}.lock-screen.mounted .terminal-in{animation:reveal-up .6s var(--ease-out-expo) .5s forwards;opacity:0}.lock-screen.mounted .footer-in{animation:reveal-up .5s var(--ease-out-expo) .7s forwards;opacity:0}@media (width<=768px){.lock-screen.mounted .title-in{animation-delay:50ms}.lock-screen.mounted .subtitle-in{animation-delay:.1s}.lock-screen.mounted .terminal-in{animation-delay:.15s}.lock-screen.mounted .footer-in{animation-delay:.2s}}.badge-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:2s infinite pulse}.lock-title-main{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(32px,5vw,42px);font-weight:800;line-height:1.1}.lock-subtitle{font-family:var(--font-mono);color:var(--cyan-dim);letter-spacing:.08em;font-size:13px}.cursor-blink{animation:1s step-end infinite typewriter-cursor}.animate-cursor{animation:1.1s step-end infinite typewriter-cursor}.glitch-text{display:inline-block;position:relative}.glitch-text.glitching:before,.glitch-text.glitching:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text.glitching:before{color:var(--purple);z-index:-1;animation:.3s linear infinite glitch-1}.glitch-text.glitching:after{color:var(--green);z-index:-2;animation:.3s linear infinite glitch-2}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(-2px,2px)}60%{transform:translate(2px,2px)}80%{transform:translate(-2px,-2px)}}.flash-error{animation:.3s flash-in,1s infinite pulse;color:var(--red)!important}.flash-success{animation:.3s flash-in;color:var(--green)!important}@keyframes flash-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.floating-decoration{background:var(--cyan);opacity:.3;pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute}.dec-1{animation:15s ease-in-out infinite float-subtle;top:20%;left:10%}.dec-2{animation:12s ease-in-out infinite reverse float-subtle;bottom:30%;right:15%}.magnetic{position:relative;overflow:hidden}.btn-glow{background:radial-gradient(circle at center, var(--cyan-glow) 0%, transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.magnetic:hover .btn-glow{opacity:1}.btn-text{z-index:1;position:relative}.reveal-hint{animation:reveal-left .4s var(--ease-out-expo) forwards}.typewriter{white-space:nowrap;opacity:0;animation:1s steps(30,end) .5s forwards typewriter;overflow:hidden}@keyframes typewriter{0%{opacity:1;width:0}to{opacity:1;width:100%}}@media (width<=768px){.typewriter{animation-duration:.6s;animation-delay:.15s}}.scanlines{pointer-events:none;z-index:0;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.lock-card>:not(.scanlines):not(.lock-glow-effect):not(.border-gradient){z-index:1;position:relative}.lock-glow-effect{pointer-events:none;z-index:0;will-change:transform, opacity;background:radial-gradient(circle,#00d4ff1f 0%,#0000 70%);width:400px;height:400px;transition:opacity .3s;position:absolute;top:0;left:0}.lock-header{margin-bottom:36px}.lock-badge{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border2);background:#00d4ff0f;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:10px;display:inline-flex}.badge-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 6px var(--cyan);border-radius:50%;animation:2s infinite pulse}.badge-dot.green{background:var(--green);box-shadow:0 0 6px var(--green)}.lock-name{margin-bottom:40px}.lock-name h1{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.1}.lock-title{font-family:var(--font-mono);color:var(--cyan-dim);letter-spacing:.08em;font-size:13px}.terminal-block{border:1px solid var(--border2);font-family:var(--font-mono);background:#00000080;border-radius:10px;margin-bottom:24px;padding:20px 22px;font-size:13px}.terminal-line{white-space:nowrap;align-items:center;gap:0;line-height:2;display:flex;overflow:hidden}.terminal-line.dim{color:var(--text-dim);font-size:12px}.prompt{color:#22c55e}.separator{color:var(--text-dim)}.host{color:var(--cyan)}.colon{color:var(--text-dim)}.path{color:#a78bfa}.dollar{color:var(--text-dim);margin-left:2px}.cmd{color:var(--text)}.input-line{gap:10px;margin-top:8px;font-size:15px}.prompt-arrow{color:var(--cyan);flex-shrink:0;font-weight:700}.password-display{color:#fff;letter-spacing:.2em;align-items:center;gap:2px;min-height:22px;display:flex}.cursor-block{color:var(--cyan);margin-left:2px;font-size:14px;line-height:1;animation:1.1s step-end infinite blink-cursor}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.mobile-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.lock-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:-12px;margin-bottom:8px;display:flex}.show-password-btn-block{border:1px solid var(--border2);cursor:pointer;color:var(--text-dim);font-family:var(--font-mono);background:0 0;border-radius:8px;flex:1;align-items:center;gap:7px;padding:7px 14px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:flex}.show-password-btn-block svg{flex-shrink:0;width:13px;height:13px}.show-password-btn-block:hover{color:var(--cyan);border-color:var(--cyan);background:#06b6d40f}.mobile-submit-btn{border:1px solid var(--border2);cursor:pointer;color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:12px;transition:color .2s,border-color .2s,background .2s;display:flex}.mobile-submit-btn svg{flex-shrink:0;width:13px;height:13px}.mobile-submit-btn:hover:not(:disabled){color:var(--green);border-color:var(--green);background:#22c55e0f}.mobile-submit-btn:disabled{opacity:.4;cursor:default}.input-line.error .prompt-arrow,.input-line.error .password-display{color:var(--red)}.input-line.success .prompt-arrow,.input-line.success .password-display{color:var(--green)}.error-msg,.success-msg{letter-spacing:.05em;margin-top:6px;font-size:11px}.error-msg{color:var(--red)}.success-msg{color:var(--green)}.err-icon,.ok-icon{margin-right:6px}.lock-footer{align-items:center;gap:14px;display:flex}.hint-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:100px;padding:5px 12px;font-size:11px;transition:all .2s}.hint-btn:hover{border-color:var(--cyan-dim);color:var(--cyan)}.hint-text{font-family:var(--font-mono);color:var(--text-dim);font-size:12px;font-style:italic}.portfolio{max-width:960px;margin:0 auto;padding:0 28px 100px}.hero{flex-direction:column;justify-content:center;min-height:100dvh;padding:100px 0 80px;display:flex;position:relative}.hero.hero-visible .badge-in{animation:scale-in .6s var(--ease-out-expo) forwards}.hero.hero-visible .title-in{animation:reveal-up .8s var(--ease-out-expo) .2s forwards;opacity:0}.hero.hero-visible .bio-in{animation:reveal-up .7s var(--ease-out-expo) .6s forwards;opacity:0}.hero.hero-visible .contact-in{animation:reveal-up .6s var(--ease-out-expo) .8s forwards;opacity:0}.hero.hero-visible .scroll-in{opacity:0;animation:.8s 1.2s forwards fadeIn}.char-reveal{opacity:0;transition:opacity .3s var(--ease-out-expo), transform .3s var(--ease-out-expo);display:inline-block;transform:translateY(20px)}.char-reveal.char-visible{opacity:1;transform:translateY(0)}.hero-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green);background:linear-gradient(135deg,#00ff8814 0%,#00ff8805 100%);border:1px solid #0f83;border-radius:100px;align-items:center;gap:10px;width:fit-content;margin-bottom:40px;padding:8px 18px;font-size:11px;display:inline-flex}.badge-pulse{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green), 0 0 20px #00ff8880;border-radius:50%;animation:2s infinite pulse}.float-animation{animation:6s ease-in-out infinite float}.hero-name{letter-spacing:-.04em;color:#fff;margin-bottom:16px;font-size:clamp(48px,8vw,88px);font-weight:800;line-height:1}.hero-name-accent{color:#00d4ff;text-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff4d;display:inline-block}.hero-title{font-family:var(--font-mono);color:var(--cyan-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:32px;font-size:16px}.hero-bio{color:#f0f9ffa6;max-width:600px;margin-bottom:40px;font-size:17px;line-height:1.8}.hero-contact{flex-wrap:wrap;gap:14px;display:flex}.contact-chip{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface2);border:1px solid var(--border2);transition:all .3s var(--ease-out-expo);border-radius:100px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.magnetic-chip:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff26}.chip-glow{background:radial-gradient(circle at center, var(--cyan-glow) 0%, transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.magnetic-chip:hover .chip-glow{opacity:1}.hero-scroll-hint{z-index:10;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #00d4ff66;border-radius:13px;justify-content:center;width:26px;height:40px;padding-top:6px;transition:border-color .3s;display:flex}.scroll-mouse:hover{border-color:var(--cyan)}.scroll-wheel{background:var(--cyan);width:3px;height:8px;box-shadow:0 0 6px var(--cyan);border-radius:2px;animation:2s infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(10px)}61%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes scrollDown{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}to{transform-origin:bottom;opacity:0;transform:scaleY(1)}}@keyframes bounceDown{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(5px)}}.section{border-top:1px solid var(--border2);opacity:0;transition:opacity 1s var(--ease-out-expo), transform 1s var(--ease-out-expo);padding:100px 0;transform:translateY(50px)}.section-visible{opacity:1;transform:translateY(0)}.section-header{margin-bottom:60px}.section-label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan-dim);align-items:center;gap:12px;margin-bottom:16px;font-size:11px;display:flex}.section-label:before{content:"";background:var(--cyan-dim);width:24px;height:1px}.section-title{letter-spacing:-.03em;color:#fff;font-size:clamp(32px,5vw,48px);font-weight:800}.gradient-text-animate{background:var(--gradient-text);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradient-shift}.glow-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);transition:transform .3s var(--ease-out-expo), border-color .3s ease;position:relative;overflow:hidden}.glow-card:hover{border-color:var(--border);transform:translateY(-4px)}.glow-effect{background:radial-gradient(circle, var(--cyan-glow) 0%, transparent 70%);pointer-events:none;z-index:0;will-change:transform, opacity;width:300px;height:300px;transition:opacity .3s;position:absolute}.glow-content{z-index:1;position:relative}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.skill-card{border:1px solid var(--border2);border-radius:var(--radius);transition:all .4s var(--ease-out-expo);animation:fadeInUp .6s var(--ease-out-expo) backwards;background:linear-gradient(135deg,#051220cc 0%,#05122099 100%);align-items:flex-start;gap:16px;padding:24px;display:flex;position:relative}.skill-card:hover{border-color:var(--cyan);box-shadow:0 0 40px #00d4ff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-icon-wrap{flex-shrink:0;font-size:26px;line-height:1}.skill-content{flex-direction:column;gap:4px;display:flex}.skill-label{color:var(--text);margin-top:10px;font-size:14px;font-weight:600}.skill-desc{color:var(--text-dim);font-size:12px}.tech-grid{flex-wrap:wrap;gap:12px;display:flex}.tech-pill{font-family:var(--font-mono);color:var(--pill-color,var(--cyan));background:color-mix(in srgb, var(--pill-color,var(--cyan)) 10%, transparent);border:1px solid color-mix(in srgb, var(--pill-color,var(--cyan)) 30%, transparent);transition:all .3s var(--ease-out-expo);animation:fadeInUp .5s var(--ease-out-expo) backwards;cursor:pointer;border-radius:100px;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:inline-flex;position:relative;overflow:hidden}.pill-glow{background:radial-gradient(circle at center, color-mix(in srgb, var(--pill-color,var(--cyan)) 30%, transparent) 0%, transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.tech-pill:hover .pill-glow{opacity:1}.tech-pill:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--pill-color,var(--cyan)) 20%, transparent);transform:translateY(-2px)scale(1.02)}.pill-content{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.timeline{flex-direction:column;gap:24px;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--border), var(--cyan-dim), var(--border));width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{border:1px solid var(--border2);border-radius:var(--radius);width:calc(50% - 20px);transition:all .4s var(--ease-out-expo);animation:fadeInUp .7s var(--ease-out-expo) backwards;background:linear-gradient(135deg,#05122099 0%,#05122066 100%);padding:32px;display:flex;position:relative;overflow:hidden}.timeline-item:nth-child(2n){margin-left:auto}.timeline-item:before{content:"";background:var(--bg);border:2px solid var(--cyan);width:12px;height:12px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute;top:40px}.timeline-item:nth-child(odd):before{right:-26px}.timeline-item:nth-child(2n):before{left:-26px}.timeline-glow-strip{display:none}.timeline-content-wrap{flex:1}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.timeline-title-group{flex-direction:column;gap:6px;display:flex}.timeline-company{color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700}.timeline-role{font-family:var(--font-mono);color:var(--cyan-dim);font-size:13px}.timeline-period{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface2);border:1px solid var(--border2);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;display:flex}.timeline-period.current{color:var(--green);background:#00ff8814;border-color:#00ff884d}.live-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s infinite pulse}.timeline-items{flex-direction:column;gap:10px;list-style:none;display:flex}.timeline-item-li{color:#f0f9ff99;opacity:0;animation:fadeInLeft .5s var(--ease-out-expo) forwards;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;display:flex}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.item-bullet{color:var(--cyan);flex-shrink:0;font-size:12px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.project-card{border:1px solid var(--border2);border-radius:var(--radius);transition:all .4s var(--ease-out-expo);animation:fadeInUp .7s var(--ease-out-expo) backwards;background:linear-gradient(135deg,#051220b3 0%,#05122080 100%);padding:0;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border);transform:translateY(-6px);box-shadow:0 20px 60px #00d4ff1a}.project-glow-bg{background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #00d4ff0f, transparent 40%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.project-card:hover .project-glow-bg{opacity:1}.project-content{z-index:1;padding:32px;position:relative}.project-top{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.project-icon{background:var(--surface-glow);border-radius:16px;flex-shrink:0;padding:12px;font-size:32px}.project-meta{flex-direction:column;gap:4px;display:flex}.project-idx{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:11px}.project-title{color:#fff;letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.3}.project-desc{color:#f0f9ff8c;margin-bottom:20px;font-size:14px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-dim);background:#00d4ff0f;border:1px solid #00d4ff1a;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .2s}.project-tag:hover{color:var(--cyan);background:#00d4ff1f;border-color:#00d4ff33}.footer{margin-top:80px;padding:60px 0 40px;position:relative}.footer-line{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-text{flex-direction:column;gap:4px;display:flex}.footer-name{color:#fff;letter-spacing:-.01em;font-size:18px;font-weight:700}.footer-role{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.footer-email{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface2);border:1px solid var(--border2);transition:all .3s var(--ease-out-expo);border-radius:100px;align-items:center;gap:12px;padding:12px 24px;font-size:13px;text-decoration:none;display:inline-flex}.footer-email:hover{border-color:var(--cyan);color:var(--cyan);transform:translate(4px)}.email-arrow{transition:transform .3s}.footer-email:hover .email-arrow{transform:translate(4px)}@media (width<=768px){.portfolio{-webkit-overflow-scrolling:touch;padding:0 20px 60px}.hero{padding:60px 0 40px}.projects-grid,.skills-grid{grid-template-columns:1fr}.timeline-header{flex-direction:column}.footer-content{text-align:center;flex-direction:column}.lock-card{padding:40px 24px}.timeline:before{display:none}.timeline-item{width:100%!important;margin-left:0!important}.timeline-item:before{display:none}.mobile-hidden-input{font-size:max(16px,1rem)!important}}@supports (padding:env(safe-area-inset-bottom)){.chat-toggle{bottom:calc(28px + env(safe-area-inset-bottom));right:calc(28px + env(safe-area-inset-right))}.chat-panel{bottom:calc(96px + env(safe-area-inset-bottom))}@media (width<=768px){.chat-toggle{bottom:calc(20px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right))}.chat-panel{bottom:calc(88px + env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right))}}}button,a,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-toggle{z-index:1000;-webkit-backdrop-filter:blur(16px);width:56px;height:56px;color:var(--cyan);cursor:pointer;background:#050a14d9;border:1px solid #00d4ff59;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 0 20px #00d4ff33,0 4px 24px #00000080}.chat-toggle:hover{border-color:#00d4ff99;transform:scale(1.08);box-shadow:0 0 32px #00d4ff66,0 4px 24px #0009}.chat-toggle-open{border-color:#00d4ff80;box-shadow:0 0 28px #00d4ff59,0 4px 24px #0009}.chat-toggle-icon{line-height:1}.chat-badge{background:var(--cyan);color:#000;width:18px;height:18px;font-size:10px;font-weight:700;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel{z-index:999;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#050a14eb;border:1px solid #00d4ff33;border-radius:16px;flex-direction:column;width:360px;height:520px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:96px;right:28px;transform:translateY(12px)scale(.97);box-shadow:0 0 40px #00d4ff1a,0 8px 48px #000000b3}.chat-panel-open{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.chat-header{border-bottom:1px solid #00d4ff1f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-avatar{width:36px;height:36px;font-family:var(--mono);color:var(--cyan);letter-spacing:.5px;background:linear-gradient(135deg,#00d4ff33,#0064b44d);border:1px solid #00d4ff59;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.chat-header-name{font-family:var(--mono);color:var(--cyan);letter-spacing:.5px;margin:0;font-size:13px}.chat-header-status{color:#fff6;align-items:center;gap:5px;margin:2px 0 0;font-size:11px;display:flex}.chat-status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #22c55e}.chat-clear-btn{color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #00d4ff26;border-radius:6px;justify-content:center;align-items:center;width:28px;min-width:44px;height:28px;min-height:44px;font-size:16px;transition:color .2s,border-color .2s;display:flex}.chat-clear-btn:hover{color:var(--cyan);border-color:#00d4ff66}.chat-messages{scrollbar-width:thin;scrollbar-color:#00d4ff59 transparent;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-empty{flex-direction:column;gap:8px;padding:8px 0;display:flex}.chat-empty-title{font-family:var(--mono);color:var(--cyan);margin:0;font-size:13px}.chat-empty-sub{color:#fff6;margin:0 0 8px;font-size:12px}.chat-suggestions{flex-direction:column;gap:6px;display:flex}.chat-suggestion{color:#fff9;cursor:pointer;text-align:left;background:#00d4ff0f;border:1px solid #00d4ff26;border-radius:8px;padding:8px 12px;font-size:12px;transition:background .2s,border-color .2s,color .2s}.chat-suggestion:hover{color:#ffffffd9;background:#00d4ff1f;border-color:#00d4ff59}.chat-msg{align-items:flex-end;gap:8px;display:flex}.chat-msg-user{flex-direction:row-reverse}.chat-msg-avatar{width:26px;height:26px;font-family:var(--mono);color:var(--cyan);background:linear-gradient(135deg,#00d4ff26,#0064b440);border:1px solid #00d4ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.chat-msg-bubble{word-break:break-word;border-radius:12px;max-width:80%;padding:10px 13px;font-size:13px;line-height:1.55}.chat-msg-user .chat-msg-bubble{color:#ffffffe0;background:#00d4ff1f;border:1px solid #00d4ff38;border-bottom-right-radius:4px}.chat-msg-assistant .chat-msg-bubble{color:#ffffffc7;background:#ffffff0a;border:1px solid #ffffff14;border-bottom-left-radius:4px}.chat-msg-bubble .md-p,.chat-msg-bubble .md-h1,.chat-msg-bubble .md-h2,.chat-msg-bubble .md-h3,.chat-msg-bubble .md-li{margin:0 0 4px;line-height:1.55}.chat-msg-bubble .md-h3{font-family:var(--mono);color:var(--cyan);letter-spacing:.04em;margin-top:8px;margin-bottom:4px;font-size:12px}.chat-msg-bubble .md-h2{color:#ffffffe6;margin-top:8px;font-size:13px;font-weight:700}.chat-msg-bubble .md-li{gap:6px;padding-left:2px;display:flex}.chat-msg-bubble .md-bullet{color:var(--cyan);flex-shrink:0;margin-top:3px;font-size:10px}.chat-msg-bubble strong{color:#fffffff2;font-weight:600}.chat-typing{align-items:center;gap:4px;padding:12px 14px!important;display:flex!important}.chat-typing span{background:#00d4ff80;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite chat-bounce}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.chat-input-area{border-top:1px solid #00d4ff1a;align-items:flex-end;gap:8px;padding:12px 14px;display:flex}.chat-input{color:#ffffffd9;resize:none;scrollbar-width:none;background:#ffffff0a;border:1px solid #00d4ff2e;border-radius:10px;outline:none;flex:1;max-height:96px;padding:10px 12px;font-family:inherit;font-size:max(16px,1rem);line-height:1.4;transition:border-color .2s}.chat-input::-webkit-scrollbar{display:none}.chat-input::placeholder{color:#ffffff40}.chat-input:focus{border-color:#00d4ff66}.chat-send{width:36px;height:36px;color:var(--cyan);cursor:pointer;background:#00d4ff1f;border:1px solid #00d4ff59;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .2s,border-color .2s,transform .15s;display:flex}.chat-send:hover:not(.chat-send-disabled){background:#00d4ff38;border-color:#00d4ff99;transform:scale(1.05)}.chat-send-disabled{opacity:.3;cursor:not-allowed}@media (width<=768px){.chat-panel{width:calc(100vw - 32px);height:480px;bottom:88px;right:16px}.chat-toggle{bottom:20px;right:16px}.chat-input{font-size:max(16px,1rem)}}@keyframes loader-spin-cw{to{transform:rotate(360deg)}}@keyframes loader-spin-ccw{to{transform:rotate(-360deg)}}@keyframes loader-pulse{0%,to{opacity:1;box-shadow:0 0 10px var(--cyan), 0 0 20px var(--cyan-glow);transform:scale(1)}50%{opacity:.4;box-shadow:0 0 4px var(--cyan);transform:scale(.6)}}@keyframes loader-label{0%,to{opacity:.3;letter-spacing:.35em}50%{opacity:1;letter-spacing:.55em}}@keyframes loader-fade-in{0%{opacity:0}to{opacity:1}}.page-loader{z-index:50;background:0 0;justify-content:center;align-items:center;animation:.3s both loader-fade-in;display:flex;position:fixed;inset:0}.page-loader__inner{flex-direction:column;align-items:center;gap:28px;display:flex}.page-loader__rings{justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.page-loader__ring{border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.page-loader__ring--outer{border-top-color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan));border-bottom-color:#00d4ff26;border-left-color:#00d4ff26;border-right-color:#00d4ff26;animation:1.2s linear infinite loader-spin-cw}.page-loader__ring--mid{border-color:#0000 #0000 #00d4ff80 #00d4ff80;animation:.9s linear infinite loader-spin-ccw;inset:14px}.page-loader__ring--inner{border-top-color:var(--cyan-bright);border-bottom-color:#40e0ff33;border-left-color:#40e0ff33;border-right-color:#40e0ff33;animation:.6s linear infinite loader-spin-cw;inset:28px}.page-loader__dot{background:var(--cyan);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite loader-pulse}.page-loader__label{font-family:var(--font-mono);color:var(--cyan-dim);letter-spacing:.35em;font-size:.65rem;font-weight:600;animation:1.8s ease-in-out infinite loader-label}