*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{border:none;background:transparent;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-bright, #3b82f6);outline-offset:3px}.skip-link{position:absolute;left:16px;top:-48px;z-index:10000;padding:10px 16px;border-radius:10px;background:#2563eb;color:#fff;font-weight:600;transition:top .2s ease}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}ul,ol{list-style:none}:root{--bg-primary: #0f172a;--bg-secondary: #0b1220;--bg-surface: #1e293b;--bg-card: rgba(30, 41, 59, .55);--bg-card-solid: #111827;--bg-elevated: #162033;--bg-wash-top: #111b31;--bg-wash-bottom: #0b1220;--glow-a: rgba(37, 99, 235, .28);--glow-b: rgba(56, 189, 248, .14);--glow-c: rgba(37, 99, 235, .12);--glow-d: rgba(14, 165, 233, .08);--mesh-opacity: .55;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #94a3b8;--primary: #2563eb;--primary-hover: #3b82f6;--accent: #2563eb;--accent-bright: #2d7cff;--accent-teal: #0d9488;--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .2);--glass: rgba(255, 255, 255, .04);--radius: 16px;--radius-sm: 12px;--radius-lg: 20px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--shadow-glow: 0 10px 40px rgba(37, 99, 235, .28);--shadow-card: 0 8px 32px rgba(0, 0, 0, .35);--nav-bg: rgba(9, 15, 35, .82);--nav-menu-bg: rgba(9, 15, 35, .97);--mock-bg: rgba(15, 23, 42, .55);--mock-line: rgba(255, 255, 255, .2);--mock-line-soft: rgba(255, 255, 255, .12);--hero-glow: rgba(37, 99, 235, .22);--nav-height: 76px;--container: 1200px}[data-theme=light]{--bg-primary: #f4f7fb;--bg-secondary: #eef2f7;--bg-surface: #ffffff;--bg-card: rgba(255, 255, 255, .86);--bg-card-solid: #ffffff;--bg-elevated: #ffffff;--bg-wash-top: #f8fafc;--bg-wash-bottom: #eef2f7;--glow-a: rgba(37, 99, 235, .16);--glow-b: rgba(59, 130, 246, .1);--glow-c: rgba(14, 165, 233, .08);--glow-d: rgba(37, 99, 235, .06);--mesh-opacity: .35;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--accent: #2563eb;--accent-bright: #1d4ed8;--accent-teal: #0f766e;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--glass: rgba(255, 255, 255, .7);--shadow: 0 18px 50px rgba(15, 23, 42, .08);--shadow-glow: 0 12px 36px rgba(37, 99, 235, .16);--shadow-card: 0 10px 28px rgba(15, 23, 42, .06);--nav-bg: rgba(255, 255, 255, .88);--nav-menu-bg: rgba(255, 255, 255, .98);--mock-bg: rgba(241, 245, 249, .95);--mock-line: rgba(15, 23, 42, .16);--mock-line-soft: rgba(15, 23, 42, .08);--hero-glow: rgba(37, 99, 235, .14)}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(42px,6vw,72px);font-weight:800;line-height:1.08}h2{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.2}h3{font-size:clamp(20px,2.5vw,28px);font-weight:600}p{color:var(--text-secondary);line-height:1.75;font-size:16px}.container{width:min(var(--container),92%);margin:auto}.section{padding:28px 0;scroll-margin-top:calc(var(--nav-height) + 12px)}.page-header{padding:40px 0 20px;text-align:center}.page-header .page-tag{display:inline-block;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--glass);color:var(--accent-bright);font-size:13px;font-weight:600;margin-bottom:16px;letter-spacing:.04em}.page-header h1{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--text-primary);margin-bottom:12px}.page-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.btn-primary{height:48px;padding:0 28px;border:none;border-radius:14px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;background:linear-gradient(90deg,#2563eb,#3b82f6);box-shadow:0 8px 24px #2563eb59;transition:transform .3s,box-shadow .3s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-outline{height:48px;padding:0 28px;border-radius:14px;border:1px solid var(--border-strong);background:transparent;color:var(--text-primary);font-weight:600;font-size:15px;cursor:pointer;transition:background .3s,border-color .3s,transform .3s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{background:var(--glass);border-color:var(--accent);transform:translateY(-2px)}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card)}[data-theme=light] .glass-card{background:var(--bg-card-solid)}.text-accent{color:var(--accent-bright)}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#2563eb26;color:var(--accent-bright);border:1px solid rgba(37,99,235,.25)}.badge-teal{background:#0d948826;color:var(--accent-teal);border-color:#0d948840}body{background-color:var(--bg-primary);background-image:radial-gradient(ellipse 90% 55% at 12% -10%,var(--glow-a),transparent 55%),radial-gradient(ellipse 70% 45% at 92% 8%,var(--glow-b),transparent 50%),radial-gradient(ellipse 60% 40% at 70% 95%,var(--glow-c),transparent 55%),radial-gradient(ellipse 50% 30% at 20% 70%,var(--glow-d),transparent 60%),linear-gradient(180deg,var(--bg-wash-top) 0%,var(--bg-primary) 28%,var(--bg-primary) 72%,var(--bg-wash-bottom) 100%);background-attachment:fixed;color:var(--text-primary);transition:background-color .35s,color .35s;min-height:100%}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:var(--mesh-opacity);background-image:linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 20%,transparent 75%)}app-root{position:relative;z-index:1}::selection{background:#2563eb59;color:#fff}[data-theme=light] ::selection{background:#2563eb38;color:#0f172a}@media(pointer:fine)and (min-width:901px){body.has-cursor-fx,body.has-cursor-fx *{cursor:none!important}}@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}}@media(max-width:960px){:root{--nav-height: 68px}.section{padding:24px 0}.container{width:min(var(--container),92%)}}@media(max-width:600px){:root{--nav-height: 64px}.section{padding:20px 0}.container{width:min(var(--container),94%)}.btn-primary,.btn-outline{width:100%;justify-content:center}}@media(max-width:380px){.section{padding:16px 0}}@keyframes underlineGrow{0%{transform:translate(-50%) scaleX(.35);opacity:.4}to{transform:translate(-50%) scaleX(1);opacity:1}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal.reveal-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal,.reveal.reveal-visible{opacity:1;transform:none;transition:none}.anim-item,.hero-visual,.skill-card,.tech,.orb,.hero-ambient:before{animation:none!important}}html,body{height:100%}