@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono-latin.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-latin.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/InstrumentSerif-Italic-latin.woff2) format("woff2")}:root{--bg: #0e0d0b;--surface: #161511;--border: #2b2923;--text: #ece7dc;--text-2: #a39d8f;--text-3: #8a8476;--green: #3ccf7f;--red: #ef6a5e;--amber: #d8a83a;--serif: "Instrument Serif", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", "Cascadia Code", monospace;--sans: "Inter", -apple-system, system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}.brand{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;font-family:var(--serif);font-size:26px;line-height:1;color:var(--text);text-decoration:none}.brand em{color:var(--green)}.brand:focus-visible{box-shadow:0 0 0 3px #3ccf7f66}.brand svg{display:block}.brand .sect{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border-left:1px solid var(--border);padding-left:10px;margin-left:2px}.card{--bg: #f4efe3;--surface: #f4efe3;--paper-2: #ebe5d6;--border: #d9d2c3;--text: #141412;--text-2: #57534b;--text-3: #6f6a5e;--green: #0f7a45;--red: #b8342b;--amber: #946410;color:var(--text);width:100%;max-width:460px;background:var(--surface);padding:36px 36px 52px;display:flex;flex-direction:column;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 14px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 14px 100%}.h1{font-family:var(--serif);font-weight:400;font-size:40px;line-height:1.05;letter-spacing:-.015em;margin-bottom:10px;color:var(--text)}.h1.bad{color:var(--red)}.p{font-size:14px;color:var(--text-2);line-height:1.65;margin-bottom:14px}.code{font-family:var(--mono);font-size:12.5px;background:#1414120f;padding:1px 5px;border-radius:3px;color:var(--text);white-space:nowrap}.badge{display:inline-block;align-self:flex-start;margin-bottom:16px;padding:3px 10px;border:1.5px solid currentColor;border-radius:4px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);transform:rotate(-2deg)}.status-active{color:var(--green)}.status-past_due{color:var(--amber)}.status-canceled{color:var(--red)}.button-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.table{font-family:var(--mono);font-size:13px;border-top:1px dashed #bdb6a6;border-bottom:1px dashed #bdb6a6;padding:8px 0;margin:8px 0 22px}.row{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.row-label{color:var(--text-2)}.row-value{color:var(--text);font-weight:600;text-align:right}.footer{margin-top:32px;padding-top:18px;border-top:1px dashed #bdb6a6;font-family:var(--mono);font-size:12px;color:var(--text-3);text-align:center}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 20px;border-radius:2px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-align:center;text-decoration:none;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn-primary{background:var(--text);color:var(--bg);border:1px solid var(--text)}.btn-primary:hover{background:var(--green);border-color:var(--green)}.btn-primary:active{background:#0b5e35;border-color:#0b5e35}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--text)}.btn-secondary:hover{background:#1414120d}.back{background:none;border:none;color:var(--text-2);font-size:13px;cursor:pointer;padding:0;margin-bottom:20px;font-family:inherit;text-align:left;align-self:flex-start;outline:none;transition:color .15s ease}.back:hover{color:var(--text)}.input{width:100%;height:46px;background:var(--bg);border:1px solid var(--border);border-bottom:1.5px solid var(--text);border-radius:4px;padding:0 14px;font-size:14px;font-family:var(--mono);color:var(--text);outline:none;margin-bottom:12px;letter-spacing:.04em;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#a39d90}.input:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px #0f7a452e}.field-error{font-size:12.5px;color:var(--red);margin-bottom:12px}.field-error:empty{display:none}.footer-link{color:var(--text-2);text-decoration:underline;text-decoration-color:#1414124d;text-underline-offset:2px;outline:none;transition:color .15s ease}.footer-link:hover{color:var(--green)}.btn:focus-visible,.back:focus-visible,.brand:focus-visible,.footer-link:focus-visible{box-shadow:0 0 0 3px #0f7a4566;border-radius:2px}@media(max-width:420px){.card{padding:28px 22px 46px}.h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.btn,.back,.input,.footer-link{transition:none}}