:root{--color-bg: #f1f5f9;--color-surface: #ffffff;--color-surface-muted: #e2e8f0;--color-text: #0f172a;--color-muted: #475569;--color-accent: #6366f1;--color-accent-strong: #4338ca;--color-highlight: #f97316;--color-border: rgba(15, 23, 42, .08);--color-header-bg: rgba(241, 245, 249, .88);--color-header-border: rgba(148, 163, 184, .25);--shadow-sm: 0 8px 20px -16px rgba(15, 23, 42, .4);--shadow-md: 0 12px 30px -20px rgba(15, 23, 42, .35);--shadow-lg: 0 30px 60px -30px rgba(15, 23, 42, .4);--radius-lg: 1.5rem;--radius-md: 1rem;--radius-sm: .75rem;--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}.dark{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-muted: #334155;--color-text: #f8fafc;--color-muted: #cbd5e1;--color-accent: #818cf8;--color-accent-strong: #6366f1;--color-highlight: #fb923c;--color-border: rgba(148, 163, 184, .2);--color-header-bg: rgba(15, 23, 42, .88);--color-header-border: rgba(148, 163, 184, .15);--shadow-sm: 0 8px 26px -18px rgba(0, 0, 0, .6);--shadow-md: 0 18px 40px -24px rgba(0, 0, 0, .7);--shadow-lg: 0 30px 80px -30px rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(15px,.95vw + .7rem,17px);line-height:1.55;color:var(--color-text);background:radial-gradient(circle at top right,rgba(99,102,241,.18),transparent 55%),radial-gradient(circle at bottom left,rgba(249,115,22,.12),transparent 45%),var(--color-bg);transition:background var(--transition-slow),color var(--transition-base)}.dark body{background:radial-gradient(circle at top right,rgba(99,102,241,.25),transparent 55%),radial-gradient(circle at bottom left,rgba(249,115,22,.15),transparent 45%),var(--color-bg)}body,app-root{display:block;min-height:100%}a{color:inherit;text-decoration:none;transition:color var(--transition-base),transform var(--transition-base)}a:hover,a:focus-visible{color:var(--color-accent);transform:translateY(-1px)}button{font:inherit;cursor:pointer}img,svg{display:block;max-width:100%}.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}.btn{border-radius:var(--radius-sm);border:1px solid transparent;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn--primary{background:linear-gradient(110deg,var(--color-accent),var(--color-accent-strong));color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover,.btn--primary:focus-visible{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--ghost{background:#6366f11a;color:var(--color-accent);box-shadow:var(--shadow-sm);border-color:#6366f133}.btn--ghost:hover,.btn--ghost:focus-visible{background:#6366f12e;transform:translateY(-1px)}.dark .btn--ghost{background:#818cf826;color:var(--color-accent);border-color:#818cf84d}.dark .btn--ghost:hover,.dark .btn--ghost:focus-visible{background:#818cf840}