:root{--bg-deep: #0a0a12;--bg-surface: #12101e;--bg-card: #1a1040;--gold: #c9a84c;--gold-light: #e8d48b;--gold-glow: 0 0 20px rgba(201, 168, 76, .3);--purple: #4a2d7a;--purple-glow: 0 0 30px rgba(74, 45, 122, .5);--text-primary: #e0d8f0;--text-muted: #9a8ec0;--border-subtle: rgba(201, 168, 76, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Georgia,"Noto Serif SC",STSong,SimSun,serif;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background:radial-gradient(ellipse at 50% 75%,rgba(74,45,122,.3) 0%,transparent 60%),radial-gradient(ellipse at 50% 25%,rgba(201,168,76,.06) 0%,transparent 50%),radial-gradient(ellipse at 20% 50%,rgba(30,20,60,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(30,20,60,.4) 0%,transparent 50%),var(--bg-deep);position:relative;display:flex;flex-direction:column;align-items:center}.particles-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.particle{position:absolute;width:2px;height:2px;background:var(--gold);border-radius:50%;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}@keyframes twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:.7;transform:scale(1.8)}}.app-header{position:relative;z-index:10;text-align:center;padding:20px 0 8px;pointer-events:none}.app-header__title{font-size:clamp(24px,4vw,38px);color:var(--gold);text-shadow:0 0 30px rgba(201,168,76,.5);letter-spacing:.15em;font-weight:400}.app-header__subtitle{font-size:clamp(11px,1.6vw,14px);color:var(--text-muted);margin-top:4px;letter-spacing:.2em}.btn-gold{font-family:inherit;font-size:clamp(14px,2vw,17px);padding:12px 36px;border:1.5px solid var(--gold);background:transparent;color:var(--gold);border-radius:6px;cursor:pointer;transition:all .3s ease;letter-spacing:.1em}.btn-gold:hover{background:#c9a84c1f;box-shadow:0 0 20px #c9a84c66;transform:translateY(-2px)}.btn-gold:active{transform:translateY(0)}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:2px}