@font-face { font-family: Orbitron; src: url("fonts/orbitron.ttf"); }
@font-face { font-family: BrunoAce; src: url("fonts/BrunoAceSC-Regular.ttf"); }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; background: #000; color: #fff; font-family: BrunoAce, sans-serif; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
#paywall { background: rgba(0,0,0,.92); border: 2px solid goldenrod; border-radius: 12px; padding: 36px 32px; max-width: 480px; width: 95%; text-align: center; }
h1, h2, button { font-family: Orbitron, sans-serif; }
h1 { color: goldenrod; font-size: 1.5em; }
h2 { font-size: 1.1em; }
#poster { max-width: 100%; border-radius: 8px; }
#time, .note { color: #ccc; font-size: .85em; }
#price { color: goldenrod; }
label { display: block; margin: 18px 0 8px; }
input[type="text"] { width: 100%; padding: 12px; border: 1px solid goldenrod; border-radius: 6px; background: #171717; color: #fff; font-size: .9em; }
button { background: goldenrod; color: #000; border: none; padding: 12px; border-radius: 6px; cursor: pointer; width: 100%; margin-top: 12px; }
button:disabled { opacity: .5; cursor: not-allowed; }
.remember { font-family: sans-serif; font-size: .9em; }
.error { color: #ff8989; }
input:focus-visible, button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }