:root{--bg:#07090f;--card:#11151e;--card-2:#161b27;--bd:#232a3a;--bd-soft:#ffffff12;--blue:#6b8dff;--blue-d:#8aa6ff;--navy:#e9ecf4;--green:#4ade80;--red:#f4517b;--warn:#f5a623;--ink:#e9ecf4;--ink-2:#b6bccb;--ink-3:#6c7589;--mono:"IBM Plex Mono","Geist Mono",ui-monospace,monospace;--serif:"Newsreader","Source Serif 4",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--r:14px;--r-sm:9px}*,:before,:after{box-sizing:border-box}.subscribe-page{background:radial-gradient(ellipse 60% 45% at 50% 0%, color-mix(in oklab,var(--blue) 12%,transparent), transparent 70%), var(--bg);min-height:100vh;font-family:var(--sans);color:var(--ink);justify-content:center;align-items:center;margin:0;padding:clamp(40px,7vw,96px) 20px;display:flex;position:relative;overflow:hidden}.subscribe-page:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 20%,#000,#0000 80%);mask-image:radial-gradient(70% 55% at 50% 20%,#000,#0000 80%)}.subscribe-page .card{z-index:1;background:linear-gradient(165deg,color-mix(in oklab,var(--blue) 7%,var(--card)),var(--card));border:1px solid var(--bd);border-radius:var(--r);width:100%;max-width:560px;padding:clamp(32px,5vw,52px);position:relative;box-shadow:0 30px 80px #00000080}.subscribe-page h1{font-family:var(--serif);letter-spacing:-.022em;color:var(--navy);margin:0 0 18px;font-size:clamp(30px,4.4vw,44px);font-weight:500;line-height:1.05}.subscribe-page h1:before{content:"› Status · Abo";font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:16px;font-size:12px;font-weight:600;display:block}.subscribe-page p{color:var(--ink-2);margin:0 0 22px;font-size:15.5px;line-height:1.65}.subscribe-page p em{color:var(--blue-d);font-style:italic}.subscribe-page .muted{color:var(--ink-3);border-top:1px dashed var(--bd);font-size:13px;font-family:var(--mono);letter-spacing:.02em;margin-top:24px;margin-bottom:0;padding-top:20px}.subscribe-page .muted a{color:var(--blue);text-decoration:none}.subscribe-page .muted a:hover{color:var(--blue-d)}.subscribe-page form{flex-direction:column;gap:18px;display:flex}.subscribe-page .form-row{flex-direction:column;gap:8px;display:flex}.subscribe-page label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.subscribe-page input,.subscribe-page select{border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--bd);width:100%;color:var(--ink);font-family:var(--mono);appearance:none;padding:14px 16px;font-size:15px;transition:border-color .18s,box-shadow .18s}.subscribe-page select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b8dff' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:42px}.subscribe-page input:focus,.subscribe-page select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in oklab,var(--blue) 22%,transparent);outline:none}.subscribe-page input::placeholder{color:var(--ink-3)}.subscribe-page button{border-radius:var(--r-sm);cursor:pointer;background:var(--blue);border:1px solid var(--blue);color:#07090f;font-family:var(--mono);letter-spacing:.04em;margin-top:4px;padding:15px 24px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}.subscribe-page button:hover:not(:disabled){background:var(--blue-d);box-shadow:0 8px 24px color-mix(in oklab,var(--blue) 35%,transparent);transform:translateY(-1px)}.subscribe-page button:disabled{opacity:.55;cursor:not-allowed}.subscribe-page .alert{border-radius:var(--r-sm);font-family:var(--mono);border:1px solid;align-items:flex-start;gap:11px;padding:14px 18px;font-size:13.5px;line-height:1.5;display:flex}.subscribe-page .alert:before{font-weight:700}.subscribe-page .alert.success{color:var(--green);background:color-mix(in oklab,var(--green) 10%,transparent);border-color:color-mix(in oklab,var(--green) 38%,transparent)}.subscribe-page .alert.success:before{content:"✓"}.subscribe-page .alert.error{color:var(--red);background:color-mix(in oklab,var(--red) 10%,transparent);border-color:color-mix(in oklab,var(--red) 38%,transparent)}.subscribe-page .alert.error:before{content:"!"}.subscribe-page .state-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:22px;font-size:32px;display:flex}.subscribe-page .state-icon.ok{color:var(--green);border-color:var(--green);background:color-mix(in oklab,var(--green) 12%,transparent);box-shadow:0 0 0 6px color-mix(in oklab,var(--green) 12%,transparent)}.subscribe-page .state-icon.bye{color:var(--ink-3);border-color:var(--ink-3);background:var(--card-2)}@media (prefers-reduced-motion:reduce){.subscribe-page button{transition:none}}