:root{--ink: #0e0b14;--parchment: #f5f0e8;--gold: #c9a84c;--gold-dim: #8a6f2e;--violet: #3d1f5e;--deep: #1a0e2e;--mist: #b8aed0;--danger: #8b2222;--font-display: "Cinzel", serif;--font-body: "Cormorant Garamond", serif;--font-ui: "Raleway", sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--parchment);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:2px}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 25% 40%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 40% 10%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 55% 55%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 80% 70%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 90% 35%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 15% 75%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 60% 85%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(2px 2px at 88% 12%,rgba(201,168,76,.5) 0%,transparent 100%),radial-gradient(2px 2px at 5% 50%,rgba(201,168,76,.3) 0%,transparent 100%)}.nebula{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(61,31,94,.4) 0%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 70%,rgba(30,15,50,.6) 0%,transparent 70%)}.app-container{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:1.5rem 1.5rem 5rem}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.btn{font-family:var(--font-display);font-size:10px;letter-spacing:.15em;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid var(--gold-dim);background:transparent;color:var(--gold);cursor:pointer;transition:all .2s;text-transform:uppercase}.btn:hover{background:#c9a84c1a;border-color:var(--gold);box-shadow:0 0 20px #c9a84c33}.btn-primary{background:#3d1f5e99;border-color:var(--gold)}.btn-primary:hover{background:#3d1f5ee6;box-shadow:0 0 30px #c9a84c4d}.btn:disabled{opacity:.4;cursor:default}.section-label{font-family:var(--font-display);font-size:10px;letter-spacing:.2em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:.6rem;display:flex;align-items:center;gap:10px}.section-label:before,.section-label:after{content:"";flex:1;height:1px;background:#c9a84c33}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(201,168,76,.3)}50%{text-shadow:0 0 40px rgba(201,168,76,.7),0 0 80px rgba(201,168,76,.2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes orb-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 480px){.app-container{padding:1rem 1rem 5rem}}