:root {
    color-scheme: light;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --purple-950: #2e1065;
    --purple-800: #5b21b6;
    --purple-600: #8b5cf6;
    --purple-400: #c084fc;
    --pink: #ec4899;
    --orange: #f59e0b;
    --ink: #24153d;
    --muted: #6f6480;
    --line: #e8ddf4;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: #f8f5fc; }
.gradient-bg { background: radial-gradient(circle at 10% 10%, #f5d0fe 0, transparent 32%), radial-gradient(circle at 90% 85%, #fde68a 0, transparent 30%), linear-gradient(135deg, #faf5ff, #fdf2f8 55%, #fff7ed); }
.card { background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.75); border-radius: 26px; box-shadow: 0 24px 70px rgba(88,28,135,.15); }
.brand-logo { display: block; width: 150px; max-height: 74px; object-fit: contain; object-position: left center; }
.btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: .7rem; padding: .9rem 1.15rem; border: 0; border-radius: 13px; color: #fff; text-decoration: none; font-weight: 750; cursor: pointer; background: linear-gradient(110deg, var(--purple-800), var(--purple-600) 58%, var(--pink)); box-shadow: 0 8px 22px rgba(124,58,237,.22); transition: transform .15s, box-shadow .15s; }
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(124,58,237,.3); }
.muted { color: var(--muted); }