:root{--primary-h: 190;--primary-s: 95%;--primary-l: 52%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover: hsl(var(--primary-h), var(--primary-s), 44%);--primary-light: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12);--primary-glow: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .35);--primary-fg: #050b14;--accent-violet: hsl(265, 89%, 66%);--accent-violet-hover: hsl(265, 89%, 58%);--accent-violet-light: hsla(265, 89%, 66%, .14);--accent-violet-glow: hsla(265, 89%, 66%, .35);--accent-gold: hsl(45, 95%, 58%);--accent-gold-light: hsla(45, 95%, 58%, .15);--accent-gold-glow: hsla(45, 95%, 58%, .35);--accent-emerald: hsl(145, 75%, 48%);--accent-emerald-light: hsla(145, 75%, 48%, .14);--accent-emerald-glow: hsla(145, 75%, 48%, .32);--accent-coral: hsl(0, 84%, 60%);--accent-coral-light: hsla(0, 84%, 60%, .14);--bg-canvas: hsl(224, 71%, 4%);--bg-surface: hsl(222, 47%, 8%);--bg-card: hsl(220, 39%, 12%);--bg-elevated: hsl(218, 35%, 16%);--bg-overlay: hsla(224, 71%, 4%, .85);--text-primary: hsl(210, 40%, 98%);--text-secondary: hsl(215, 20%, 75%);--text-muted: hsl(215, 16%, 52%);--text-inverse: hsl(224, 71%, 4%);--border-subtle: hsla(210, 40%, 98%, .08);--border-medium: hsla(210, 40%, 98%, .14);--border-glow: hsla(var(--primary-h), var(--primary-s), var(--primary-l), .4);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-hero: clamp(2.5rem, 5vw + 1rem, 4.5rem);--text-h1: clamp(2rem, 3.5vw + .75rem, 3.25rem);--text-h2: clamp(1.5rem, 2.5vw + .5rem, 2.25rem);--text-h3: clamp(1.2rem, 1.5vw + .4rem, 1.65rem);--text-body-lg: clamp(1.05rem, .5vw + .95rem, 1.2rem);--text-body: clamp(.925rem, .2vw + .875rem, 1.05rem);--text-sm: clamp(.8rem, .2vw + .75rem, .875rem);--text-xs: clamp(.7rem, .15vw + .65rem, .75rem);--container-max: 1320px;--container-prose: 820px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s ease;--transition-normal: .25s var(--ease-spring);--transition-slow: .4s var(--ease-spring)}[data-theme=light]{--bg-canvas: hsl(210, 40%, 98%);--bg-surface: hsl(0, 0%, 100%);--bg-card: hsl(210, 30%, 95%);--bg-elevated: hsl(0, 0%, 100%);--bg-overlay: hsla(210, 40%, 98%, .88);--text-primary: hsl(224, 71%, 8%);--text-secondary: hsl(220, 20%, 35%);--text-muted: hsl(215, 16%, 50%);--text-inverse: #ffffff;--border-subtle: hsla(224, 71%, 8%, .09);--border-medium: hsla(224, 71%, 8%, .16);--border-glow: hsla(var(--primary-h), var(--primary-s), 40%, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);color-scheme:dark light;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-canvas);background-image:radial-gradient(circle at 50% 0%,hsla(var(--primary-h),var(--primary-s),var(--primary-l),.08) 0%,transparent 60%),radial-gradient(circle at 100% 30%,hsla(265,89%,66%,.06) 0%,transparent 50%);background-repeat:no-repeat;overflow-x:hidden}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2;letter-spacing:-.03em}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{font-size:var(--text-body);color:var(--text-secondary);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 30px -10px #0006}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{transform:translateY(-2px);border-color:var(--border-medium);box-shadow:0 12px 30px -10px var(--primary-glow)}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3vw,2rem);padding-right:clamp(1rem,3vw,2rem)}.container-prose{width:100%;max-width:var(--container-prose);margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:var(--text-body);font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;border:none;transition:all var(--transition-normal);user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-violet));color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px var(--primary-glow)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-medium);transform:translateY(-1px)}.btn-sm{padding:.4rem .85rem;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:1rem 2.25rem;font-size:var(--text-body-lg);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-glow)}.badge-violet{background:var(--accent-violet-light);color:var(--accent-violet);border:1px solid var(--accent-violet-glow)}.badge-gold{background:var(--accent-gold-light);color:var(--accent-gold);border:1px solid var(--accent-gold-glow)}.badge-emerald{background:var(--accent-emerald-light);color:var(--accent-emerald);border:1px solid var(--accent-emerald-glow)}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--primary);color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-sm);z-index:9999;font-weight:700;transition:top .2s ease}.skip-link:focus{top:1rem}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:.8}}.animate-pulse-glow{animation:pulse-glow 3s infinite ease-in-out}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface)}.table-responsive table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}.table-responsive th{padding:.85rem 1.25rem;background:var(--bg-card);color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--border-subtle)}.table-responsive td{padding:.85rem 1.25rem;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table-responsive tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease-spring),visibility .25s var(--ease-spring)}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}