@font-face { font-family: Epilogue; src: url('/assets/epilogue.ttf') format('truetype'); font-weight: 400 600; font-display: swap; }
@font-face { font-family: MuseoModerno; src: url('/assets/museomoderno.ttf') format('truetype'); font-weight: 400 600; font-display: swap; }
:root { color-scheme: light; --indigo: #4E008E; --yellow: #FFE977; font-family: Epilogue, sans-serif; color: #101820; background: #FFFEFF; }
* { box-sizing: border-box; }
body { margin: 0; padding: 0 24px; }
header { max-width: 1080px; margin: 0 auto; padding: 32px 0; border-bottom: 1px solid #E1E2E5; }
header img { display: block; width: 142px; height: auto; }
main { max-width: 480px; margin: 72px auto; }
h1 { color: var(--indigo); font-family: MuseoModerno, sans-serif; font-size: 32px; font-weight: 500; line-height: 1.25; margin: 0 0 16px; }
p { line-height: 1.65; }
.intro { color: #585D63; font-size: 15px; margin: 0; }
section { border-top: 1px solid #E1E2E5; border-bottom: 1px solid #E1E2E5; margin: 28px 0; padding: 16px 0; }
section p { margin: 0; font-size: 14px; }
#account { font-weight: 600; }
#expiry { color: #585D63; font-size: 12px; margin-top: 6px; }
label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 10px; }
input { width: 100%; border: 1px solid var(--indigo); background: #FFFEFF; color: var(--indigo); border-radius: 4px; padding: 14px; font: inherit; }
input:focus, button:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
#key-help { color: #585D63; font-size: 12px; margin: 10px 0 20px; }
button { width: 100%; background: var(--indigo); color: #FFFEFF; padding: 15px; border: 0; border-radius: 4px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
button:hover:not(:disabled) { filter: brightness(.9); }
button:disabled { opacity: .5; cursor: default; }
#status { font-size: 14px; }
#status:empty { display: none; }
.footnote { color: #585D63; font-size: 12px; margin-top: 24px; }
@media (max-width: 540px) { header { padding: 24px 0; } main { margin: 40px auto; } h1 { font-size: 28px; } }