:root{--prime: #0D0E11;--second: #007AFF;--third: #FF3B30;--background: #FDFDFD;--content: #F4F5F7;--radius: 14px;--shadow: 0 8px 24px rgba(0, 0, 0, .06);--transition: .18s ease;--font-sans: Inter, "SF Pro Display", "SF Pro Text", Roboto, system-ui, sans-serif;--border: rgba(0, 0, 0, .08);--muted: rgba(0, 0, 0, .5);--muted-contrast: rgba(0, 0, 0, .7);--on-primary: #ffffff;--on-secondary: #0b1520;--on-surface: var(--prime)}:root[data-theme=dark]{--prime: #E8F4F4;--second: #2DD3C5;--third: #4EC3FF;--background: #081820;--content: #0F2730;--shadow: 0 10px 28px rgba(0, 0, 0, .5);--border: color-mix(in srgb, var(--prime) 12%, transparent);--muted: color-mix(in srgb, var(--prime) 60%, transparent);--muted-contrast: color-mix(in srgb, var(--prime) 75%, transparent);--on-primary: #041015;--on-secondary: #03181b;--on-surface: var(--prime);--logo-brightness: 1.2}:root,:root[data-theme=dark]{--focus-ring: 0 0 0 4px color-mix(in srgb, var(--second) 25%, transparent);--hover-elev: 0 10px 22px color-mix(in srgb, var(--third) 20%, transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--prime);background:var(--background);transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background:var(--content);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--on-surface)}.input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid transparent;border-radius:999px;background:var(--content);color:var(--prime);transition:border var(--transition),box-shadow var(--transition),background var(--transition);outline:none}.input:focus{border-color:var(--second);box-shadow:var(--focus-ring)}.input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--prime) 55%,transparent);opacity:1}.grid{display:grid;gap:1rem}@media (min-width: 640px){.grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid.cols-4{grid-template-columns:repeat(4,1fr)}}.btn{padding:.85rem 1.1rem;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);color:var(--on-surface)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--third);color:var(--on-primary)}.btn-primary:hover{box-shadow:var(--hover-elev)}.btn-secondary{background:var(--second);color:var(--on-secondary)}.btn-secondary:hover{box-shadow:var(--hover-elev)}.btn-ghost{background:transparent;border:1px solid color-mix(in srgb,var(--prime) 12%,transparent);color:var(--prime)}label,small{color:color-mix(in srgb,var(--prime) 70%,transparent)}