:root{--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--ease-cinematic: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.25, .8, .25, 1)}body.stage-night{--bg-color: #09090b;--bg-grad: radial-gradient(ellipse at 50% 30%, #1a121c 0%, #0f0a10 55%, #09090b 100%);--accent-color: #e11d48;--accent-glow: rgba(225, 29, 72, .3);--card-bg: rgba(22, 14, 24, .65);--card-border: rgba(225, 29, 72, .22);--text-title: #fdf4f5;--text-body: #ded5db;--text-muted: #9f919a}body.stage-amber{--bg-color: #120b08;--bg-grad: radial-gradient(ellipse at 50% 30%, #2b170e 0%, #170d07 55%, #100805 100%);--accent-color: #f59e0b;--accent-glow: rgba(245, 158, 11, .35);--card-bg: rgba(38, 19, 11, .65);--card-border: rgba(245, 158, 11, .25);--text-title: #fffbeb;--text-body: #fef3c7;--text-muted: #d97706}body.stage-dawn{--bg-color: #1a0f08;--bg-grad: radial-gradient(ellipse at 50% 35%, #421e0f 0%, #241108 55%, #140904 100%);--accent-color: #fb923c;--accent-glow: rgba(251, 146, 60, .4);--card-bg: rgba(54, 25, 13, .7);--card-border: rgba(251, 146, 60, .3);--text-title: #fff7ed;--text-body: #fed7aa;--text-muted: #ea580c}body.stage-golden{--bg-color: #241206;--bg-grad: radial-gradient(ellipse at 50% 40%, #632d0c 0%, #381706 55%, #1c0b03 100%);--accent-color: #fde047;--accent-glow: rgba(253, 224, 71, .55);--card-bg: rgba(69, 31, 9, .75);--card-border: rgba(253, 224, 71, .4);--text-title: #ffffff;--text-body: #fef08a;--text-muted: #eab308}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;background-color:#09090b;color:#fafafa;font-family:var(--font-sans);overflow-x:hidden;width:100%}body{min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--bg-color);background-image:var(--bg-grad);background-attachment:fixed;background-size:100% 100%;position:relative;line-height:1.7;font-weight:300;letter-spacing:.015em;transition:background-color 1.8s ease,background-image 1.8s ease,color 1.2s ease}.app-container{position:relative;min-height:100vh;width:100%;overflow-x:hidden;display:flex;flex-direction:column}.screen-wrapper{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4.5rem 1.4rem;z-index:2;transition:opacity .8s var(--ease-cinematic),transform .8s var(--ease-cinematic)}.content-box{width:100%;max-width:620px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.serif-heading{font-family:var(--font-serif);font-weight:600;color:var(--text-title);letter-spacing:.03em;line-height:1.3;margin-bottom:1.6rem;text-shadow:0 2px 20px rgba(0,0,0,.6);transition:color 1.2s ease}.serif-quote{font-family:var(--font-serif);font-size:clamp(1.2rem,3.8vw,1.55rem);font-style:italic;color:var(--text-body);line-height:1.7;margin:1.2rem 0;text-shadow:0 2px 14px rgba(0,0,0,.5);transition:color 1.2s ease}.prose-paragraph{font-size:clamp(1rem,3vw,1.15rem);line-height:1.85;color:var(--text-body);font-weight:300;margin:.8rem 0;max-width:540px;text-shadow:0 1px 8px rgba(0,0,0,.4);transition:color 1.2s ease}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-sans);font-size:clamp(.95rem,2.8vw,1.05rem);font-weight:500;letter-spacing:.06em;color:#fff;background:linear-gradient(135deg,var(--accent-color) 0%,rgba(18,9,14,.9) 160%);border:1px solid var(--accent-color);border-radius:999px;padding:.95rem 2.5rem;cursor:pointer;transition:all .4s var(--ease-cinematic);box-shadow:0 8px 30px var(--accent-glow),inset 0 1px #fff3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-top:2rem;-webkit-user-select:none;user-select:none}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 40px var(--accent-glow),inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;font-size:.86rem;letter-spacing:.05em;color:var(--text-muted);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:.65rem 1.4rem;border-radius:999px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:.8rem}.btn-secondary:hover{color:var(--text-title);border-color:var(--accent-color);background:#ffffff14}.glass-panel{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:2.2rem 1.8rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080,0 0 30px var(--accent-glow);margin:1.5rem 0;transition:all 1.2s ease}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeInSlideUp 1s var(--ease-cinematic) forwards}@media (max-width: 640px){.screen-wrapper{padding:3.5rem 1.1rem;min-height:94vh}.glass-panel{padding:1.6rem 1.2rem;border-radius:20px}.btn-primary{padding:.85rem 2rem;width:100%;max-width:320px}}