:root{--bg:#0a0a0b;--surface:#ffffff0f;--surface-hover:#ffffff1c;--border:#ffffff1a;--text:#f5f5f5;--muted:#ffffff8c;--red:#e4002b;--red-deep:#6e0010;--radius:18px;--font-display:"Anton", Impact, sans-serif;--font-body:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}p{margin:0}.backdrop{z-index:-1;background:var(--bg);position:fixed;inset:0;overflow:hidden}.backdrop-img{object-fit:cover;object-position:50% 35%;filter:saturate(.85)brightness(.7)blur(1.5px);width:100%;height:100%;transform:scale(1.05)}.backdrop:after{content:"";background:radial-gradient(120% 55% at 50% 0,#e4002b40,#0000 65%),linear-gradient(#0a0a0b80 0%,#0a0a0bcc 45%,#0a0a0bf2 100%);position:absolute;inset:0}.page{width:min(100% - 32px,448px);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:28px;margin-inline:auto;display:flex}.hero{animation:.7s cubic-bezier(.2,.7,.2,1) backwards rise}.cover{aspect-ratio:5/4;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 30px 60px -24px #000000e6,0 0 80px -30px #e4002b80}.cover img{object-fit:cover;object-position:50% 10%;width:100%;height:100%;display:block}.cover:after{content:"";background:linear-gradient(#0000 50%,#0a0a0be6);position:absolute;inset:0}.logo{z-index:1;filter:drop-shadow(0 10px 24px #000000bf);width:min(76%,300px);margin:-54px auto 0;position:relative}.logo img{width:100%;height:auto;display:block}.tagline{text-align:center;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:12px;font-weight:500}.links{flex-direction:column;gap:12px;display:flex}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(16px)saturate(1.2);min-height:62px;color:var(--text);animation:.6s cubic-bezier(.2,.7,.2,1) backwards rise;animation-delay:calc(.12s + var(--i,0) * 70ms);align-items:center;gap:14px;padding:0 18px;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}a.card:hover,.card--deal:hover{background-color:var(--surface-hover);border-color:#fff3;transform:translateY(-2px)}a.card:active,.card--deal:active{transform:translateY(0)scale(.99)}a.card:focus-visible,.card:has(.card-link:focus-visible),.code:focus-visible{outline-offset:3px;outline:2px solid #fff}.card-icon{flex:none;width:22px;height:22px}.card-title{font-size:16px;font-weight:600}.card-arrow{opacity:.45;flex:none;width:18px;height:18px;margin-left:auto;transition:opacity .2s,transform .2s}a.card:hover .card-arrow{opacity:1;transform:translate(2px,-2px)}.card--deal{background:linear-gradient(135deg,#e4002beb,#6e0010eb);border-color:#ff8ca059;min-height:78px;padding:0 12px 0 18px;box-shadow:0 18px 40px -18px #e4002bb3}.card--deal:hover{background-color:#0000;border-color:#ffaab999;box-shadow:0 22px 48px -16px #e4002bd9}.card-link{min-width:0;color:inherit;outline:none;flex:1;align-items:center;gap:14px;text-decoration:none;display:flex}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-text{flex-direction:column;gap:3px;min-width:0;display:flex}.card-title--brand{font-family:var(--font-display);letter-spacing:.04em;font-size:23px;font-weight:400;line-height:1}.card-title--brand sup{font-family:var(--font-body);opacity:.7;margin-left:1px;font-size:11px}.card-sub{color:#ffffffc7;font-size:12.5px}.code{z-index:1;color:#fff;font:400 19px/1 var(--font-display);letter-spacing:.08em;cursor:pointer;background:#00000040;border:1.5px dashed #ffffffa6;border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 12px;transition:background-color .2s,border-color .2s;display:inline-flex;position:relative}.code:hover{background:#0000006b;border-style:solid}.code-content{align-items:center;gap:8px;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),filter .25s;display:inline-flex}.code-content svg{width:16px;height:16px}.code-check{opacity:0;width:22px;height:22px;margin:auto;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:0;transform:scale(.6)}.code.is-copied .code-content{opacity:0;filter:blur(3px);transform:translateY(-10px)}.code-check path{stroke-dasharray:1;stroke-dashoffset:1px}.code.is-copied{background:#0000006b;border-style:solid;border-color:#fff;animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.code.is-copied .code-check{opacity:1;transition-delay:.1s;transform:scale(1)}.code.is-copied .code-check path{animation:.4s ease-out .18s forwards draw}.code.is-resetting .code-content{animation:.35s cubic-bezier(.2,.7,.2,1) label-in}@keyframes label-in{0%{opacity:0;filter:blur(3px);transform:translateY(10px)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{50%{transform:scale(1.08)}}.card--disabled{color:#ffffff6b;cursor:not-allowed;background:#ffffff08;border-style:dashed}.soon{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;background:#ffffff14;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:10.5px;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.foot{text-align:center;color:#ffffff61;gap:4px;margin-top:auto;font-size:11.5px;display:grid}.foot a{color:#fff9;text-underline-offset:2px}.foot a:hover{color:#fff}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));border:1px solid var(--border);backdrop-filter:blur(12px);width:max-content;max-width:calc(100vw - 32px);color:var(--text);text-align:center;opacity:0;pointer-events:none;background:#161618eb;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:500;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,16px)}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.code.is-copied .code-check path{stroke-dashoffset:0}}
