:root{--color-bg: #0a0e16;--color-bg-elevated: #0e141f;--color-surface: #111820;--color-surface-elevated: #171f2a;--color-border: #2e3745;--color-text: #eef3f8;--color-text-muted: #8b95a8;--color-text-faint: color-mix(in srgb, var(--color-text-muted) 72%, var(--color-bg));--color-accent: #00c2f5;--color-accent-soft: color-mix(in srgb, var(--color-accent) 22%, transparent);--color-accent-hover: #4ad4ff;--color-accent-dim: color-mix(in srgb, var(--color-accent) 55%, var(--color-text-muted));--color-danger: #e05454;--color-header-h: 60px;--sidebar-w: 240px;--content-max: 1120px;--gutter: clamp(1.25rem, 4vw, 2.5rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: var(--font-sans);--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", "Consolas", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.3, .64, 1);--shadow-sm: 0 1px 2px color-mix(in srgb, #000 45%, transparent);--shadow-md: 0 12px 40px color-mix(in srgb, #000 32%, transparent);--shadow-lg: 0 24px 80px color-mix(in srgb, #000 45%, transparent);--shadow-glow: 0 0 0 1px color-mix(in srgb, var(--color-accent) 14%, transparent);--shadow-glow-strong: 0 0 48px color-mix(in srgb, var(--color-accent) 18%, transparent);--shadow-glow-primary: 0 0 28px color-mix(in srgb, var(--color-accent) 28%, transparent), 0 4px 12px color-mix(in srgb, var(--color-accent) 16%, transparent);--color-achievement: #e6973a;--text-hero: clamp(3.5rem, 8vw, 7rem);--text-section: clamp(1.75rem, 3.5vw, 2.75rem);--text-card: clamp(1.1rem, 2vw, 1.4rem);--border-glass: rgba(255, 255, 255, .07);--border-glass-top: rgba(255, 255, 255, .1);--border-glass-hover: rgba(255, 255, 255, .14)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text);text-rendering:optimizeLegibility;background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--color-text) 4.2%,transparent) .55px,transparent .65px),radial-gradient(ellipse 120% 70% at 50% -32%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 58%),radial-gradient(ellipse 55% 42% at 100% 8%,color-mix(in srgb,#6b8cc8 14%,transparent),transparent 52%),radial-gradient(ellipse 60% 48% at 0% 35%,color-mix(in srgb,var(--color-accent) 9%,transparent),transparent 50%),radial-gradient(ellipse 85% 45% at 50% 48%,color-mix(in srgb,#1a2840 55%,transparent),transparent 68%),radial-gradient(ellipse 70% 50% at 95% 75%,color-mix(in srgb,#3d5688 12%,transparent),transparent 52%),radial-gradient(ellipse 75% 55% at 8% 88%,color-mix(in srgb,var(--color-accent) 7%,transparent),transparent 48%),radial-gradient(ellipse 115% 70% at 50% 108%,color-mix(in srgb,#000 52%,transparent),transparent 52%),linear-gradient(198deg,color-mix(in srgb,var(--color-bg-elevated) 88%,#121c2e) 0%,var(--color-bg) 28%,color-mix(in srgb,var(--color-bg) 92%,#05070c) 58%,color-mix(in srgb,var(--color-bg) 75%,#0f1624) 100%);background-size:28px 28px,auto,auto,auto,auto,auto,auto,auto,auto;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){body{background-attachment:scroll}}#app{height:100%}button,input,select,textarea{font:inherit}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}::selection{background:color-mix(in srgb,var(--color-accent) 35%,transparent);color:var(--color-text)}.surface-card-rail-primary{position:relative;z-index:1;isolation:isolate;border:1px solid color-mix(in srgb,var(--color-accent) 42%,var(--color-border));border-radius:var(--radius-lg);background:radial-gradient(110% 85% at 0% 0%,color-mix(in srgb,var(--color-accent) 32%,transparent),transparent 58%),radial-gradient(90% 60% at 100% 100%,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 55%),linear-gradient(168deg,color-mix(in srgb,var(--color-accent) 18%,var(--color-surface)),color-mix(in srgb,var(--color-surface) 78%,var(--color-bg)));backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-sm),0 0 56px -14px color-mix(in srgb,var(--color-accent) 22%,transparent),inset 0 1px color-mix(in srgb,var(--color-text) 7%,transparent)}@media(prefers-reduced-motion:reduce){.surface-card-rail-primary{backdrop-filter:none;-webkit-backdrop-filter:none}}.surface-card-content{border:1px solid var(--border-glass);border-top-color:var(--border-glass-top);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-elevated) 72%,transparent);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);box-shadow:inset 0 1px 0 var(--border-glass-top),var(--shadow-md)}@media(prefers-reduced-motion:reduce){.surface-card-content{backdrop-filter:none;-webkit-backdrop-filter:none}}.surface-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border-glass);background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent) 55%,var(--color-border));background:linear-gradient(165deg,color-mix(in srgb,var(--color-accent) 26%,var(--color-surface)),color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-elevated)));color:var(--color-text);font-weight:600;font-size:.875rem;letter-spacing:.03em;cursor:pointer;text-decoration:none;box-shadow:0 1px color-mix(in srgb,var(--color-text) 6%,transparent),0 8px 28px color-mix(in srgb,var(--color-accent) 14%,transparent);transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.btn-primary:hover{border-color:color-mix(in srgb,var(--color-accent) 80%,var(--color-border));box-shadow:0 1px color-mix(in srgb,var(--color-text) 8%,transparent),0 12px 36px color-mix(in srgb,var(--color-accent) 20%,transparent),var(--shadow-glow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.4rem;border-radius:999px;border:1px solid var(--border-glass-hover);background:color-mix(in srgb,var(--color-surface) 35%,transparent);color:color-mix(in srgb,var(--color-text) 90%,var(--color-text-muted));font-weight:600;font-size:.875rem;letter-spacing:.03em;cursor:pointer;text-decoration:none;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out)}.btn-ghost:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border));background:color-mix(in srgb,var(--color-surface-elevated) 55%,transparent);color:var(--color-text);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.btn-primary:hover,.btn-primary:active,.btn-ghost:hover,.btn-ghost:active{transform:none}}@keyframes orb-drift-a{0%{transform:translate(0) scale(1)}33%{transform:translate(3%,2%) scale(1.04)}66%{transform:translate(-2%,4%) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes orb-drift-b{0%{transform:translate(0) scale(1)}33%{transform:translate(-3%,-2%) scale(.96)}66%{transform:translate(2%,-3%) scale(1.03)}to{transform:translate(0) scale(1)}}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;will-change:transform;filter:blur(80px)}.bg-orb--primary{width:min(80vw,900px);height:min(80vw,900px);top:-30%;left:-20%;background:radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--color-accent) 20%,transparent),color-mix(in srgb,var(--color-accent) 6%,transparent) 45%,transparent 65%);animation:orb-drift-a 28s ease-in-out infinite}.bg-orb--secondary{width:min(65vw,750px);height:min(65vw,750px);bottom:-20%;right:-12%;background:radial-gradient(circle at 60% 60%,color-mix(in srgb,#4a6a9a 14%,transparent),color-mix(in srgb,#4a6a9a 4%,transparent) 45%,transparent 62%);animation:orb-drift-b 34s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.bg-orb{animation:none}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}