:root{--bg-primary: #0a0908;--bg-secondary: #151210;--bg-elevated: #1c1815;--bg-glass: rgba(28, 24, 21, .85);--gold: #c9a84c;--gold-dim: #8b6f2e;--gold-bright: #e6c55a;--candle: #f5deb3;--candle-glow: rgba(245, 222, 179, .08);--crimson: #6b1c23;--crimson-dim: #3d1015;--stone: #7a7168;--parchment: #d4c5a9;--text-primary: #d4c5a9;--text-secondary: #8a7e6e;--text-dim: #5a5249;--font-display: "Cinzel", serif;--font-body: "Crimson Text", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:18px;line-height:1.6;overflow-x:hidden}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}h1{font-size:2.8rem;line-height:1.2}h2{font-size:1.8rem;line-height:1.3}h3{font-size:1.2rem}p{max-width:60ch}a{color:var(--gold);text-decoration:none;transition:color .3s ease}a:hover{color:var(--gold-bright)}button{font-family:var(--font-display);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;padding:var(--space-sm) var(--space-lg);border:1px solid var(--gold-dim);background:transparent;color:var(--gold);cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--candle-glow),transparent);transition:left .6s ease}button:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:0 0 20px #c9a84c1a}button:hover:before{left:100%}button:disabled{opacity:.3;cursor:not-allowed}button.primary{background:var(--crimson-dim);border-color:var(--crimson)}button.primary:hover{background:var(--crimson);border-color:var(--gold-dim)}input,textarea,select{font-family:var(--font-body);font-size:1rem;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--text-dim);color:var(--text-primary);outline:none;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{border-color:var(--gold-dim)}.video-container{position:relative;background:var(--bg-secondary);border:1px solid var(--text-dim);overflow:hidden}.video-container video{width:100%;height:100%;object-fit:cover}.video-container.local{position:absolute;bottom:var(--space-md);right:var(--space-md);width:180px;height:135px;z-index:10;border-color:var(--gold-dim)}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;color:var(--text-dim)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.cross{font-size:1.2rem;color:var(--gold-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .8s ease forwards}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}75%{opacity:.95}}.flicker{animation:flicker 3s ease-in-out infinite}.gothic-border{border:1px solid var(--gold-dim);position:relative}.gothic-border:before,.gothic-border:after{content:"✦";position:absolute;color:var(--gold-dim);font-size:.6rem}.gothic-border:before{top:-.4rem;left:var(--space-md)}.gothic-border:after{bottom:-.4rem;right:var(--space-md)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.text-center{text-align:center}.text-dim{color:var(--text-dim)}.text-gold{color:var(--gold)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}