:root{--hex-gold: #C8AA6E;--hex-gold-dim: #785A28;--hex-blue: #0AC8B9;--hex-dark: #091428;--hex-dark-2: #1E2328;--hex-border: #463714}body{background-color:var(--hex-dark);background-image:radial-gradient(circle at center,#1a2a3d,#091428);color:#f0e6d2;font-family:Roboto,sans-serif;margin:0;min-height:100vh}h1,h2,h3,button{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:1px}button{background:linear-gradient(180deg,#1e2328,#091428);border:1px solid var(--hex-gold);color:var(--hex-gold);padding:12px 24px;cursor:pointer;transition:all .2s;box-shadow:0 0 5px #c8aa6e33}button:hover:not(:disabled){background:linear-gradient(180deg,#3a3a3a,#1e1e1e);box-shadow:0 0 15px var(--hex-gold-dim);text-shadow:0 0 5px var(--hex-gold)}button:disabled{border-color:#555;color:#555;cursor:not-allowed}input{background:#00000080;border:1px solid var(--hex-gold-dim);color:#fff;padding:10px;font-family:Roboto,sans-serif}input:focus{outline:none;border-color:var(--hex-blue);box-shadow:0 0 10px #0ac8b94d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--hex-gold-dim);border-radius:4px}