@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0c0f;--bg-card: #0e1117;--bg-hover: #131820;--border: #252f3d;--border-hi: #334158;--cyan: #00d4ff;--cyan-dim: #00a8cc;--cyan-glow: rgba(0, 212, 255, .12);--cyan-subtle: rgba(0, 212, 255, .06);--green: #00e5a0;--green-dim: rgba(0, 229, 160, .08);--green-border: rgba(0, 229, 160, .25);--text: #edf2fa;--text-muted: #a8bdd0;--text-dim: #8298aa;--red: #ff4560;--red-dim: rgba(255, 69, 96, .07);--red-border: rgba(255, 69, 96, .25);--yellow: #ffc947;--yellow-dim: rgba(255, 201, 71, .07);--yellow-border: rgba(255, 201, 71, .25);--orange: #f97316;--purple: #a78bfa;--purple-dim: rgba(167, 139, 250, .08);--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif;--body: "IBM Plex Sans", sans-serif;--radius-sm: 4px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-dropdown: 0 8px 32px rgba(0, 0, 0, .35);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow-cyan: 0 0 24px rgba(0, 212, 255, .18);--shadow-glow-red: 0 0 24px rgba(255, 69, 96, .18);--surface-0: var(--bg);--surface-1: var(--bg-card);--surface-2: var(--bg-hover);--surface-3: #1a2030;--duration-instant: 80ms;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .4s;--duration-reveal: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: clamp(20px, 2.5vw, 24px);--text-2xl: clamp(24px, 3.5vw, 32px);--text-3xl: clamp(28px, 4vw, 42px);--text-4xl: clamp(36px, 6vw, 60px);--text-hero: clamp(40px, 7vw, 72px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}[data-theme=light]{--bg: #f4f6f9;--bg-card: #ffffff;--bg-hover: #e8ecf1;--border: #d1d9e0;--border-hi: #b8c5d0;--text: #1a2332;--text-muted: #4a6070;--text-dim: #6b8090;--shadow-dropdown: 0 8px 20px rgba(0, 0, 0, .1)}[data-theme=light] body:before{background-image:linear-gradient(rgba(0,100,180,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,180,.04) 1px,transparent 1px)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}a{color:inherit}.section-label{display:block;font-family:var(--mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border-left:2px solid var(--cyan);padding-left:10px;margin-bottom:14px}.container{max-width:1100px;margin:0 auto;padding:0 48px}@media (max-width: 768px){.container{padding:0 28px}}@media (max-width: 480px){.container{padding:0 20px}}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-warning,.btn-link{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:var(--radius);font-family:var(--mono);font-size:12px;font-weight:500;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast),opacity var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast);white-space:nowrap;line-height:1}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0%,rgba(0,150,200,.85) 100%);color:#051a22;border-color:transparent;font-weight:500}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1adeff 0%,var(--cyan) 100%);border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff59}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--cyan-subtle);color:var(--cyan);border-color:var(--cyan)}.btn-secondary:hover:not(:disabled){background:var(--cyan-glow);box-shadow:0 0 0 1px var(--cyan)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:linear-gradient(135deg,#ffffff17,#ffffff08);color:var(--text-muted);border-color:#ffffff2e}.btn-ghost:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);background:var(--cyan-subtle)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:var(--red-dim);color:var(--red);border-color:var(--red-border)}.btn-danger:hover:not(:disabled){background:#ff456021;border-color:var(--red);box-shadow:0 0 0 1px var(--red-border)}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-warning{background:var(--yellow-dim);color:var(--yellow);border-color:var(--yellow-border)}.btn-warning:hover:not(:disabled){background:#ffc94721;border-color:var(--yellow)}.btn-warning:disabled{opacity:.45;cursor:not-allowed}.btn-link{background:none;border-color:transparent;color:var(--cyan);padding-left:0;padding-right:0}.btn-link:hover:not(:disabled){color:var(--cyan-dim);text-decoration:underline}.btn-link:disabled{opacity:.45;cursor:not-allowed}.btn--sm{padding:6px 14px;font-size:11px}.btn--lg{padding:12px 28px;font-size:13px}.text-danger{color:var(--red)}.text-warning{color:var(--yellow)}.text-success{color:var(--green)}.text-info{color:var(--cyan)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.glass{background:#0e1117b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06)}[data-theme=light] .glass{background:#ffffffb8;border:1px solid rgba(0,0,0,.08)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm)}