*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #020205;--bg-darker: #010103;--bg-lighter: #060611;--card-bg: rgba(7, 7, 15, .6);--card-border: rgba(255, 255, 255, .04);--card-border-hover: rgba(34, 211, 238, .35);--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .2);--cyan: #22d3ee;--cyan-glow: rgba(34, 211, 238, .2);--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .2);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #475569;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "Courier New", Courier, monospace;--scroll-y: 0px}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--cyan) var(--bg-darker)}body{font-family:var(--font-sans);background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 40%),radial-gradient(at 100% 100%,rgba(168,85,247,.12) 0px,transparent 40%),radial-gradient(at 50% 50%,rgba(34,211,238,.06) 0px,transparent 40%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black,transparent 85%);mask-image:radial-gradient(circle at center,black,transparent 85%);transform:translateY(calc(var(--scroll-y) * -.15))}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.5}::selection{background:linear-gradient(135deg,#6366f18c,#a855f78c);background:#a855f761;color:#fff;text-shadow:none}::-moz-selection{background:#a855f761;color:#fff}code,.mono{font-family:var(--font-mono)}a{color:inherit;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .25s cubic-bezier(.16,1,.3,1)}section{padding:110px 0;position:relative}.container{max-width:1340px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:#ffffff08;z-index:1000}.scroll-progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--accent),var(--purple));width:0%;box-shadow:0 0 10px var(--cyan);transition:width .1s ease-out}.section-label{font-family:var(--font-mono);font-size:.8rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.25em;margin-bottom:12px;display:flex;align-items:center;gap:12px;font-weight:600}.section-label:before{content:"";display:inline-block;width:24px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.section-title{font-size:clamp(2.2rem,5.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,#ffffff 20%,var(--cyan) 70%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;line-height:1.75;margin-bottom:60px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scroll-down{0%{transform:translateY(0);opacity:1}60%,to{transform:translateY(10px);opacity:0}}@keyframes chip-pulse{0%,to{box-shadow:0 0 6px #22c55e}50%{box-shadow:0 0 16px #22c55e}}.terminal-mockup{background:#07070ff5;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;box-shadow:0 24px 64px #000000a6,0 0 0 1px #22d3ee0a;display:flex;flex-direction:column}.terminal-header{display:flex;align-items:center;gap:10px;background:#0c0c18fa;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);min-height:42px;flex-shrink:0}.terminal-controls{display:flex;gap:6px;flex-shrink:0}.control-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.control-close{background:#ef4444}.control-minimize{background:#eab308}.control-maximize{background:#22c55e}.terminal-tabs{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.terminal-tabs::-webkit-scrollbar{display:none}.terminal-tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:4px 12px;color:var(--text-muted);font-size:.7rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--font-mono)}.terminal-tab:hover{color:var(--text-secondary);background:#ffffff08}.terminal-tab.active{color:var(--text-primary);border-bottom-color:var(--cyan);background:#22d3ee0a}.terminal-title{font-size:.68rem;color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;flex-shrink:0}.terminal-body{flex:1;overflow-y:auto;padding:16px;min-height:0}.reveal{opacity:0;will-change:transform,opacity,filter;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);filter:blur(6px)}.reveal.reveal-up{transform:translateY(52px)}.reveal.reveal-left{transform:translate(-60px)}.reveal.reveal-right{transform:translate(60px)}.reveal.reveal-scale{transform:scale(.86) translateY(24px)}.reveal.reveal-flip{transform:translateY(60px) rotateX(12deg);transform-origin:bottom center}.reveal.reveal-pop{transform:scale(.82)}.reveal.reveal-fade{transform:none}.reveal.visible{opacity:1;transform:translate(0) translateY(0) scale(1) rotateX(0);filter:blur(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.18s}.reveal-delay-3{transition-delay:.28s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.52s}.reveal-delay-6{transition-delay:.64s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 30px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;letter-spacing:.03em;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--purple));color:var(--text-primary);box-shadow:0 4px 20px #6366f14d;border:1px solid rgba(255,255,255,.05)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .75s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f180,0 0 20px #22d3ee4d}.btn-primary:hover:before{left:100%}.btn-ghost{background:#ffffff03;color:var(--text-primary);border:1px solid var(--card-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:#22d3ee0f;transform:translateY(-3px);box-shadow:0 10px 30px #0006,0 0 15px #22d3ee1a}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent);pointer-events:none}.glass-card:hover{border-color:var(--card-border-hover);box-shadow:0 24px 60px #000000a6,0 0 25px #22d3ee14;transform:translateY(-5px)}.skill-tag{background:#6366f10f;border:1px solid rgba(99,102,241,.18);border-radius:20px;padding:6px 14px;font-size:.74rem;font-family:var(--font-mono);color:var(--accent-light);transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.skill-tag:hover{background:#a855f72e;border-color:var(--purple);color:#fff;box-shadow:0 0 14px #a855f74d,0 0 4px #6366f133;transform:scale(1.07) translateY(-2px)}.section-header{margin-bottom:64px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.3}@media (max-width: 768px){section{padding:90px 0}.section-title{font-size:2.2rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:padding .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease;border-bottom:1px solid transparent}.navbar.scrolled{padding:10px 0;background:#020205cc;backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);border-bottom-color:#ffffff0f;box-shadow:0 1px 40px #00000059}.nav-inner{display:flex;align-items:center;gap:16px}.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(34,211,238,.28);box-shadow:0 0 #22d3ee00,inset 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.nav-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.1);border-color:#22d3eeb3;box-shadow:0 0 16px #22d3ee4d,0 0 32px #6366f126}.logo-text{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.logo-dot{color:var(--cyan)}.nav-pill{display:flex;align-items:center;gap:0;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:100px;padding:4px 5px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.nav-hover-pill{position:absolute;top:4px;height:calc(100% - 8px);border-radius:100px;background:#ffffff17;pointer-events:none;transition:left .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),opacity .18s ease;z-index:0}.nav-link{position:relative;z-index:1;font-size:.8rem;font-weight:500;color:var(--text-secondary);padding:6px 14px;border-radius:100px;transition:color .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px;background:transparent}.nav-link:hover{background:linear-gradient(90deg,var(--accent-light),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-link.active{background:linear-gradient(90deg,#fff 30%,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-active-dot{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--purple));box-shadow:0 0 7px var(--purple);-webkit-text-fill-color:initial;flex-shrink:0}.nav-cta-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:100px;font-size:.78rem;font-weight:600;color:var(--text-primary);border:1px solid rgba(255,255,255,.12);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;white-space:nowrap;flex-shrink:0}.nav-cta-btn:hover{background:var(--cyan);border-color:var(--cyan);color:#020205;box-shadow:0 0 22px #22d3ee52;transform:translateY(-1px)}.burger{display:none;flex-direction:column;gap:5px;padding:8px;flex-shrink:0}.burger span{display:block;height:1.5px;background:var(--text-secondary);border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1)}.burger span:nth-child(1){width:22px}.burger span:nth-child(2){width:15px}.burger span:nth-child(3){width:22px}.burger:hover span{background:var(--text-primary)}.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);background:var(--cyan)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);background:var(--cyan)}@media (max-width: 840px){.burger{display:flex}.nav-cta-btn{display:none}.nav-pill{position:fixed;top:0;right:0;bottom:0;left:0;background:#020205f7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;justify-content:center;gap:6px;border-radius:0;border:none;padding:40px 24px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:150;margin:0}.nav-pill.open{opacity:1;pointer-events:all}.nav-hover-pill{display:none}.nav-link{font-size:1.6rem;font-weight:700;padding:14px 24px;border-radius:14px}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 0 80px}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.4;z-index:0}.h-blob{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none;z-index:0}.h-blob-1{width:700px;height:600px;top:-20%;right:-8%;background:radial-gradient(ellipse,rgba(99,102,241,.12) 0%,transparent 70%);animation:blob1 16s ease-in-out infinite}.h-blob-2{width:500px;height:500px;bottom:-12%;left:-10%;background:radial-gradient(ellipse,rgba(34,211,238,.07) 0%,transparent 70%);animation:blob2 20s ease-in-out infinite}.h-blob-3{width:380px;height:380px;top:45%;left:40%;background:radial-gradient(ellipse,rgba(168,85,247,.06) 0%,transparent 70%);animation:blob3 24s ease-in-out infinite}@keyframes blob1{0%,to{transform:translate(0)}50%{transform:translate(-28px,18px)}}@keyframes blob2{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}@keyframes blob3{0%,to{transform:translate(0)}50%{transform:translate(-14px,14px)}}.hero-body{position:relative;z-index:2;display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;min-height:calc(100vh - 200px)}.hero-text{display:flex;flex-direction:column}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:28px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:chip-pulse 2s ease-in-out infinite;flex-shrink:0}.eyebrow-sep{width:22px;height:1px;background:#ffffff1a}.hero-name{font-size:clamp(3.4rem,7vw,6rem);font-weight:900;line-height:.96;letter-spacing:-.045em;color:var(--text-primary);margin-bottom:20px}.name-accent{background:linear-gradient(95deg,var(--cyan) 0%,var(--accent) 55%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:clamp(.82rem,1.5vw,1rem);color:var(--text-secondary);margin-bottom:30px;min-height:1.8em}.role-prefix{color:var(--accent-light);font-weight:600;font-size:.82em}.role-text{color:var(--text-primary)}.cursor{display:inline-block;color:var(--cyan);animation:blink .9s step-end infinite;font-weight:700}.hero-bio{font-size:1rem;color:var(--text-secondary);line-height:1.8;max-width:500px;margin-bottom:38px}.hero-bio strong{color:var(--text-primary);font-weight:600}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;letter-spacing:.02em;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);background:transparent;transition:all .25s ease}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);background:#22d3ee0f;transform:translateY(-2px)}.hero-links{display:flex;align-items:center;gap:6px}.icon-link{width:38px;height:38px;border-radius:9px;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease;background:#ffffff05}.icon-link:hover{border-color:var(--purple);color:#c084fc;background:#a855f71a;box-shadow:0 0 12px #a855f733;transform:translateY(-2px)}.icon-link-sep{width:1px;height:20px;background:#ffffff14;margin:0 8px}.scroll-hint{font-size:.68rem;color:var(--text-muted);letter-spacing:.1em}.hero-photo-col{display:flex;justify-content:flex-end;align-items:center}.photo-frame{position:relative;width:380px;height:470px;flex-shrink:0}.photo-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:28px;background:conic-gradient(from 0deg,var(--cyan) 0deg,var(--accent) 90deg,var(--purple) 180deg,transparent 240deg,transparent 300deg,var(--cyan) 360deg);animation:ring-spin 10s linear infinite;z-index:0}.photo-ring:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:26px;background:var(--bg)}@keyframes ring-spin{to{transform:rotate(360deg)}}.photo-img-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;overflow:hidden;z-index:1}.photo-img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.photo-overlay{position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(2,2,5,.55) 0%,transparent 100%);pointer-events:none}@media (max-width: 1100px){.hero-body{grid-template-columns:1fr 340px;gap:60px}.photo-frame{width:340px;height:420px}}@media (max-width: 860px){.hero-body{grid-template-columns:1fr;gap:52px;text-align:center;justify-items:center}.hero-photo-col{justify-content:center;order:-1}.photo-frame{width:240px;height:300px}.hero-name{font-size:clamp(3rem,12vw,5rem)}.hero-eyebrow,.hero-role{justify-content:center}.hero-bio{max-width:100%}.hero-ctas,.hero-links{justify-content:center}}.about-section{position:relative;overflow:hidden}.about-section .orb-about{position:absolute;width:500px;height:500px;right:-150px;top:-100px;background:radial-gradient(circle,rgba(34,211,238,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.about-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:72px;align-items:start}.avatar-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}.avatar-frame{position:relative;width:260px;height:260px}.avatar-image{width:100%;height:100%;border-radius:28px;object-fit:cover;position:relative;z-index:1;box-shadow:0 24px 64px #0009;border:1px solid rgba(255,255,255,.08)}.avatar-border{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:31px;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--accent),var(--cyan));background-size:300% 300%;animation:gradient-spin 5s linear infinite;z-index:0}.avatar-border:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:29px;background:var(--bg);z-index:0}@keyframes gradient-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-dot{position:absolute;border-radius:50%;animation:float-dot 4s ease-in-out infinite;z-index:2}.avatar-dot-1{width:10px;height:10px;background:var(--cyan);top:-6px;right:-6px;box-shadow:0 0 16px var(--cyan);animation-delay:0s}.avatar-dot-2{width:8px;height:8px;background:var(--purple);bottom:12px;left:-10px;box-shadow:0 0 12px var(--purple);animation-delay:1.5s}.avatar-dot-3{width:6px;height:6px;background:var(--accent-light);bottom:-6px;right:24px;box-shadow:0 0 10px var(--accent-light);animation-delay:3s}@keyframes float-dot{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-badge{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#0a0a12d9;border:1px solid rgba(34,197,94,.25);border-radius:100px;font-size:.75rem;color:#86efacf2;font-family:var(--font-mono);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #0006}.badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.about-dashboard{background:#07070fb3;border:1px solid var(--card-border);border-radius:12px;margin-bottom:28px;overflow:hidden;box-shadow:0 20px 40px #0006}.about-dashboard:hover{border-color:#22d3ee33}.dashboard-header{background:#0c0c18d9;padding:10px 18px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.04)}.dashboard-dot{width:10px;height:10px;border-radius:50%;margin-right:6px}.dashboard-dot.red{background-color:#ef4444}.dashboard-dot.yellow{background-color:#eab308}.dashboard-dot.green{background-color:#22c55e}.dashboard-title{margin-left:14px;font-size:.74rem;color:var(--text-secondary)}.dashboard-body{padding:24px}.about-body{color:var(--text-secondary);line-height:1.75;font-size:.95rem}.about-body strong{color:var(--text-primary);font-weight:600}.developer-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0;background:#00000040;padding:16px;border-radius:8px;border:1px solid rgba(255,255,255,.02)}.spec-item{font-size:.78rem;display:flex;gap:6px}.spec-key{color:var(--cyan)}.spec-val{color:var(--text-primary)}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:16px;text-align:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat-card:hover{border-color:#22d3ee40;transform:translateY(-3px);box-shadow:0 12px 25px #0000004d}.stat-value{display:block;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:4px;position:relative}.stat-label{font-size:.64rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;position:relative}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:40px}.avatar-frame{width:220px;height:220px}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.developer-specs{grid-template-columns:1fr}}.skills-section{position:relative;overflow:hidden}.skills-bars{padding:36px 40px;margin-bottom:32px;position:relative;overflow:hidden}.skills-bars:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--accent),var(--purple))}.skills-bars-label{font-size:.78rem;color:var(--cyan);letter-spacing:.08em;margin-bottom:28px;font-weight:600}.skills-bars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 52px}.skill-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;font-weight:500}.skill-bar-name{color:var(--text-primary)}.skill-pct{font-family:var(--font-mono);color:var(--cyan);font-weight:700;font-size:.8rem}.skill-bar-track{width:100%;height:6px;background:#ffffff0a;border-radius:100px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.skill-bar-fill{height:100%;border-radius:100px;width:var(--pct);background:linear-gradient(90deg,var(--accent),var(--cyan));position:relative;box-shadow:0 0 8px #22d3ee66;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1)}.skill-bar-fill.animated{transform:scaleX(1)}.skill-bar-pulse{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 50%,transparent);animation:bar-pulse 2.5s infinite linear}@keyframes bar-pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skills-tags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-group{padding:24px 26px;background:var(--card-bg);border:1px solid var(--card-border);transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skill-group:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.skill-group:hover{border-color:#a855f74d;box-shadow:0 16px 32px #0006,0 0 16px #a855f70f;transform:translateY(-4px)}.skill-group:hover:after{transform:scaleX(1)}.skill-group-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.skill-group-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.skill-group-label{font-size:.84rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 1100px){.skills-tags-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.skills-bars{padding:28px 24px}.skills-bars-grid{grid-template-columns:1fr;gap:18px}.skills-tags-grid{grid-template-columns:1fr}}.projects-section{position:relative;overflow:hidden}.projects-list{display:flex;flex-direction:column;gap:40px;max-width:960px;margin:0 auto}.project-ide-card{border:1px solid var(--card-border);background:#07070fb3;border-radius:12px;box-shadow:0 20px 50px #0000008c;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.project-ide-card.featured{border-color:#6366f14d;box-shadow:0 20px 50px #0009,0 0 25px #6366f10f}.project-ide-card:hover{transform:translate(6px);border-color:var(--card-border-hover);box-shadow:0 24px 60px #0009,0 0 20px #6366f11f}.ide-header{background:#0c0c18f2;padding:10px 16px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.ide-controls{display:flex;gap:6px}.ide-dot{width:10px;height:10px;border-radius:50%}.ide-close{background-color:#ef4444}.ide-minimize{background-color:#eab308}.ide-maximize{background-color:#22c55e}.ide-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-bottom:none;padding:5px 12px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:6px;margin-left:20px;font-size:.74rem;color:var(--text-primary);margin-bottom:-11px;z-index:1}.ide-tab-icon{font-size:.8rem}.ide-path{font-size:.68rem;color:var(--text-muted);margin-left:auto;letter-spacing:.02em}.ide-body{padding:30px}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;flex-wrap:wrap}.project-subtitle{font-size:.74rem;color:var(--cyan);letter-spacing:.05em;margin-bottom:4px;display:block}.project-title{font-size:clamp(1.2rem,3.5vw,1.45rem);font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.github-link-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff05;border:1px solid var(--card-border);border-radius:6px;color:var(--text-secondary);font-size:.76rem;font-weight:500;transition:all .25s}.github-link-btn:hover{background:#22d3ee14;border-color:var(--cyan);color:#fff;transform:translateY(-2px)}.project-desc{font-size:.94rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.project-code-wrapper{background:#040408e6;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:18px;margin-bottom:16px}.code-header-decor{font-size:.7rem;color:var(--text-muted);margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:8px}.project-highlights{list-style:none;overflow:hidden;max-height:140px;transition:max-height .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:8px}.project-highlights.expanded{max-height:600px}.project-highlights li{font-size:.8rem;color:var(--text-secondary);line-height:1.6}.bullet-decor{color:var(--purple);font-weight:700;margin-right:4px}.expand-btn{background:transparent;color:var(--cyan);font-size:.74rem;display:inline-block;padding:4px 8px;margin-bottom:24px;transition:all .2s;border-radius:4px;border:1px dashed rgba(34,211,238,.25)}.expand-btn:hover{background:#22d3ee0f;color:#fff;border-style:solid;border-color:var(--cyan)}.project-stack{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid rgba(255,255,255,.04);padding-top:20px}@media (max-width: 768px){.ide-path{display:none}.ide-tab{margin-right:0}.ide-header{justify-content:flex-start}.ide-body{padding:20px}.project-card-header{flex-direction:column;align-items:flex-start;gap:12px}.github-link-btn{width:100%;justify-content:center}}.experience-section{position:relative;overflow:hidden}.experience-section .orb-experience{position:absolute;width:500px;height:500px;left:-150px;bottom:-100px;background:radial-gradient(circle,rgba(168,85,247,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.timeline{position:relative;padding-left:36px;max-width:900px;margin:0 auto}.timeline:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--cyan),var(--purple) 80%,transparent)}.timeline-item{position:relative;margin-bottom:40px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-37px;top:28px;width:12px;height:12px;border-radius:50%;background:var(--cyan);border:2px solid var(--bg);box-shadow:0 0 0 3px var(--cyan-glow),0 0 15px var(--cyan);z-index:1}.timeline-card{padding:32px;background:var(--card-bg);border:1px solid var(--card-border)}.timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),transparent);opacity:0;transition:opacity .3s ease}.timeline-card:hover{border-color:#22d3ee40;transform:translate(6px);box-shadow:0 20px 40px #00000080,0 0 20px #22d3ee0d}.timeline-card:hover:before{opacity:1}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.exp-role{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.exp-company{font-size:.95rem;color:var(--cyan);font-weight:600}.exp-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.exp-type{padding:4px 12px;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);border-radius:100px;font-size:.68rem;color:var(--cyan);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.exp-period{font-size:.75rem;color:var(--text-secondary)}.exp-bullets{list-style:none;margin-bottom:24px}.exp-bullets li{position:relative;padding-left:20px;margin-bottom:10px;font-size:.92rem;color:var(--text-secondary);line-height:1.7}.exp-bullets li:before{content:">";position:absolute;left:0;top:0;color:var(--cyan);font-family:var(--font-mono);font-weight:600;font-size:.8rem}.exp-stack{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 768px){.exp-meta{align-items:flex-start;margin-top:4px}.timeline-card{padding:24px}}.education-section{position:relative;overflow:hidden}.education-section .orb-education{position:absolute;width:450px;height:450px;right:-100px;bottom:-100px;background:radial-gradient(circle,rgba(34,211,238,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.edu-list{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.edu-card{background:var(--card-bg);border:1px solid var(--card-border);padding:24px 30px;display:flex;gap:20px;align-items:flex-start}.edu-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--cyan),var(--purple));opacity:0;transition:opacity .3s ease}.edu-card:hover{border-color:#22d3ee40;transform:translate(6px);box-shadow:0 16px 40px #0006,0 0 15px #22d3ee0d}.edu-card:hover:before{opacity:1}.edu-icon-wrap{width:44px;height:44px;border-radius:10px;background:#22d3ee14;border:1px solid rgba(34,211,238,.2);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;transition:all .3s}.edu-card:hover .edu-icon-wrap{background:#22d3ee26;border-color:var(--cyan);box-shadow:0 0 10px #22d3ee33}.edu-body{flex:1}.edu-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.edu-degree{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.edu-institution{font-size:.9rem;color:var(--cyan);font-weight:600}.edu-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.edu-period{font-size:.75rem;color:var(--text-secondary)}.edu-detail{padding:4px 12px;background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:100px;font-size:.68rem;color:var(--purple);font-weight:700;letter-spacing:.04em;font-family:var(--font-mono)}.edu-description{font-size:.9rem;color:var(--text-dim, #aab4d4);margin:8px 0 12px;line-height:1.6}.edu-courses{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.04);padding-top:16px}@media (max-width: 768px){.edu-card{flex-direction:column;padding:20px}.edu-header{flex-direction:column;gap:8px}.edu-meta{align-items:flex-start}.edu-courses{width:100%}}.contact-section{position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;width:500px;height:500px;left:-150px;bottom:-150px;background:radial-gradient(circle,rgba(34,211,238,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start;max-width:1000px;margin:0 auto}.contact-intro{color:var(--text-secondary);line-height:1.75;margin-bottom:32px;font-size:.98rem}.contact-items{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:18px;padding:18px 24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.contact-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--cyan),var(--purple));opacity:0;transition:opacity .3s ease}.contact-item:hover{border-color:#a855f766;transform:translate(8px);box-shadow:0 16px 30px #00000080,0 0 18px #a855f71a}.contact-item:hover:before{opacity:1}.contact-item-icon-wrapper{width:44px;height:44px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.15);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--cyan);flex-shrink:0;transition:all .35s cubic-bezier(.16,1,.3,1)}.contact-svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.contact-item:hover .contact-item-icon-wrapper{background:#a855f72e;border-color:var(--purple);color:#fff;box-shadow:0 0 14px #a855f759}.contact-item:hover .contact-svg{transform:scale(1.1) rotate(5deg)}.contact-item-label{display:block;font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px;font-family:var(--font-mono)}.contact-item-value{display:block;font-size:.88rem;color:var(--text-secondary);font-weight:500;transition:color .2s ease}.contact-item:hover .contact-item-value{color:var(--text-primary)}.contact-cta-wrap{width:100%;display:flex;align-items:center}.contact-cta-card{width:100%;padding:48px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden}.contact-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.cta-icon-wrap{width:72px;height:72px;background:linear-gradient(135deg,#22d3ee1f,#6366f11f);border:1px solid rgba(34,211,238,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:8px}.cta-heading{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0}.cta-sub{font-size:.92rem;color:var(--text-muted);max-width:320px;line-height:1.6;margin:0}.cta-btn{margin-top:8px;padding:14px 32px;font-size:.95rem;display:inline-flex;align-items:center;gap:8px}.cta-note{font-size:.78rem;color:var(--text-muted);margin:0;opacity:.7}.email-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in .2s ease}.email-modal{background:#0a0c1cfa;border:1px solid rgba(34,211,238,.25);border-radius:16px;padding:36px 32px;max-width:380px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 24px 60px #0009;animation:modal-in .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.email-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.email-modal-icon{width:60px;height:60px;background:linear-gradient(135deg,#22d3ee1f,#6366f11f);border:1px solid rgba(34,211,238,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cyan);margin-bottom:4px}.email-modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.email-modal-sub{font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.6}.email-modal-address{font-size:.82rem;color:var(--cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.15);border-radius:6px;padding:6px 14px;margin:4px 0 8px}.email-modal-actions{display:flex;gap:12px;margin-top:4px;width:100%;justify-content:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-success{text-align:center;padding:40px 24px}.success-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--cyan),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;margin:0 auto 16px;box-shadow:0 6px 20px #22d3ee4d}.form-success h3{font-size:1.15rem;margin-bottom:8px;color:var(--text-primary)}.form-success p{font-size:.88rem;color:var(--text-secondary);max-width:400px;margin:0 auto}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr;gap:40px}}.footer{border-top:1px solid var(--card-border);padding:60px 0 40px;background:var(--bg-darker);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);opacity:.25}.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;align-items:start}.footer-brand{display:flex;flex-direction:column;gap:16px;max-width:360px}.footer-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.footer-logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(34,211,238,.28);box-shadow:inset 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}.footer-logo:hover .footer-logo-mark{transform:rotate(-8deg) scale(1.1);border-color:#22d3eeb3;box-shadow:0 0 16px #22d3ee4d,0 0 32px #6366f126}.footer-logo-name{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.footer-logo-dot{color:var(--cyan)}.footer-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.65}.footer-nav{display:flex;flex-direction:column;gap:16px}.footer-nav-title{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.footer-nav-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.footer-nav-link{font-size:.8rem;color:var(--text-secondary);transition:color .2s ease,transform .2s ease}.footer-nav-link:hover{background:linear-gradient(90deg,var(--accent-light),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(3px)}.footer-socials-copy{display:flex;flex-direction:column;gap:16px}.footer-social-icons{display:flex;gap:10px}.footer-social-icon{width:36px;height:36px;background:#ffffff05;border:1px solid var(--card-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s cubic-bezier(.16,1,.3,1)}.footer-social-icon:hover{background:#22d3ee14;border-color:var(--cyan);color:#fff;transform:translateY(-2px);box-shadow:0 0 10px #22d3ee33}.footer-copy{font-size:.78rem;color:var(--text-muted);margin-top:4px}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr;gap:36px}.footer-brand,.footer-desc{max-width:100%}.footer-nav-links{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.footer-nav-links{grid-template-columns:repeat(2,1fr)}}