:root{--color-primary: #3E2723;--color-primary-light: #5B3D34;--color-accent: #FFD700;--color-accent-soft: #F4E8C1;--color-bg-dark: #1A120B;--color-bg-card: rgba(255, 255, 255, .05);--color-text-main: #FFFFFF;--color-text-muted: #D7CCC8;--glass-bg: rgba(62, 39, 35, .6);--glass-border: 1px solid rgba(255, 215, 0, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px);--container-width: 480px;--gap-sm: .5rem;--gap-md: 1rem;--gap-lg: 1.5rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Outfit,system-ui,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text-main);min-height:100vh;display:flex;justify-content:center;background-image:radial-gradient(circle at 10% 20%,rgba(62,39,35,.4) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,215,0,.05) 0%,transparent 40%)}#root{width:100%;max-width:var(--container-width);min-height:100vh;position:relative;background-color:#0003;box-shadow:0 0 50px #00000080}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow)}.text-gold{color:var(--color-accent)}.text-cream{color:var(--color-accent-soft)}.btn{background:var(--color-accent);color:var(--color-primary);border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease}.btn:active{transform:scale(.96)}.btn-glass{background:#ffffff1a;color:var(--color-text-main);border:1px solid rgba(255,255,255,.2)}