@font-face{font-family:Inter;src:url('fonts/Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/Inter-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:InterDisplay;src:url('fonts/InterDisplay-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#070707;color:#f4f0e8;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0}.support-shell,.support-panel,.support-top,.support-body,.support-body>*{min-width:0;max-width:100%}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #ff4fa3;outline-offset:4px}
.support-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at 50% 0%,#1c2315 0%,#070707 65%)}
.support-panel{width:100%;max-width:520px;background:#101010;border:1px solid #30302b;border-top:4px solid #b8ff52;box-shadow:0 24px 90px #0008}
.support-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #30302b;gap:16px}.support-top span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.support-top a{display:grid;place-items:center;width:44px;height:44px;text-decoration:none;font-size:30px}
.support-body{padding:28px}.support-kicker{color:#b8ff52;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 12px}h1{font-family:InterDisplay,Inter,Arial,sans-serif;font-size:clamp(42px,12vw,56px);font-weight:900;line-height:.98;text-transform:uppercase;letter-spacing:-.04em;margin:0 0 18px;overflow-wrap:anywhere}.support-intro{font-size:14px;line-height:1.65;color:#c9c2b8;margin:0 0 26px}.support-test{color:#101010;background:#ff4fa3;padding:10px;font-size:12px;font-weight:700;margin:0 0 20px}
fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}legend,.support-label{font-size:12px;font-weight:700;margin-bottom:10px;display:block}.support-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.support-preset{min-height:64px;border:1px solid #55554e;color:#f4f0e8;background:#181818;font-size:24px;font-weight:700}.support-preset[aria-pressed=true]{background:#b8ff52;color:#101010;border-color:#b8ff52}.support-amount{display:flex;align-items:center;border:1px solid #55554e;min-height:58px;padding:0 16px;gap:10px;background:#070707}.support-amount:focus-within{outline:2px solid #b8ff52;outline-offset:2px}.support-amount input{width:100%;min-width:0;background:transparent;color:#f4f0e8;border:0;font-size:22px;outline:0;padding:12px 0}.support-currency{font-size:11px;color:#b1aca3}.support-help{color:#b1aca3;font-size:11px;line-height:1.6;margin:10px 0 24px}
.support-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:16px 20px;border:0;background:#b8ff52;color:#101010;font-size:16px;font-weight:700;text-decoration:none}.support-primary span{font-size:22px;line-height:1}.support-secure{font-size:11px;text-align:center;color:#b1aca3;margin:14px 0 0}.support-footer{border-top:1px solid #30302b;margin-top:26px;padding-top:18px;color:#99968e;font-size:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.support-footer a{min-height:24px}.support-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:12px;margin:16px 0;background:transparent;color:#f4f0e8;border:1px solid #666;font-size:14px;text-decoration:none}.support-payment-heading{font-weight:700}.support-panel:has(#support-payment:not([hidden])){max-width:620px}#support-payment,#support-stripe{width:100%;min-width:0;max-width:100%;overflow:hidden}#support-stripe{background:white;min-height:240px;color-scheme:light}#support-feedback:empty{display:none}#support-feedback{font-size:14px;line-height:1.6;margin-top:18px;color:#ffb5d8;overflow-wrap:anywhere}#support-result h2{font-family:InterDisplay,Inter,sans-serif;font-size:30px;text-transform:uppercase;overflow-wrap:anywhere}#support-result p{font-size:15px;line-height:1.65;color:#c9c2b8;overflow-wrap:anywhere}#support-result>.support-primary{margin-top:24px}
@media(max-width:560px){.support-shell{padding:0;background:#101010;display:block}.support-panel{border:0;border-top:4px solid #b8ff52;min-height:100svh;box-shadow:none}.support-top{padding:8px max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left))}.support-body{padding:22px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.support-intro{margin-bottom:22px}.support-preset{min-height:60px}#support-payment{margin-left:-12px;margin-right:-12px}.support-payment-heading,#support-change{margin-left:12px}}
@media(max-width:340px){.support-presets{grid-template-columns:1fr}.support-preset{min-height:52px}.support-primary{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Inside the site's panel the page IS the panel. The frame, the close button
   and the centring belong to the modal around it, and drawing them a second
   time put one card inside another. This is the shape the page already takes
   on a narrow phone, asked for on purpose. */
body.support-embedded .support-shell{min-height:0;display:block;padding:0;background:#101010}
body.support-embedded .support-panel{max-width:none;min-height:100svh;border:0;border-top:4px solid #b8ff52;box-shadow:none}
body.support-embedded .support-top{display:none}
/* The panel's close button floats over this corner, so nothing starts under it. */
body.support-embedded .support-body{padding-top:44px}
body.support-embedded .support-panel:has(#support-payment:not([hidden])){max-width:none}