:root { color-scheme:dark; font-family:'Segoe UI Variable','Segoe UI',sans-serif; color:#eee; background:#070707; }
* { box-sizing:border-box; }[hidden] { display:none!important; }
body { margin:0; min-height:100dvh; display:grid;grid-template-rows:76px 1fr auto;background:radial-gradient(ellipse at 50% 35%,#ffffff06,transparent 65%),#070707; }
header { padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;border-bottom:1px solid #ffffff1c;background:linear-gradient(#ffffff07,transparent); }
a { color:inherit;text-decoration:none; }.brand { display:flex;gap:12px;align-items:center;font-size:18px;font-weight:600; }.brand img { width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 6px #64ffd12a); }.brand small { font-size:9px;font-weight:400;padding:4px 6px;border:1px solid #ffffff25;border-radius:5px;letter-spacing:.08em;color:#aaa; }
main { display:grid;align-content:center;justify-items:center;padding:60px 20px 40px; }.invite-card { width:min(100%,560px);padding:46px;border:1px solid #ffffff29;border-radius:28px;background:linear-gradient(140deg,#ffffff0d,transparent 65%),#ffffff03;box-shadow:inset 0 1px 0 #ffffff2d,0 18px 80px #0004;backdrop-filter:blur(22px); }.mark { width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 12px #65ffd01c);margin-bottom:24px; }
h1 { font-size:36px;line-height:1.14;letter-spacing:-1.15px;margin:0 0 18px;font-weight:600;text-wrap:balance; }.invite-card>p { color:#b2b2b2;font-size:14px;line-height:1.7;margin:0 0 30px; }.actions { display:grid;gap:12px; }.actions>a,.actions>button { min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff08;color:#eee;font:500 13px 'Segoe UI',sans-serif;cursor:pointer; }.actions .primary { background:linear-gradient(135deg,#fff,#d9d9d9);color:#151515;border-color:#ffffff9c; }.actions>*:hover { filter:brightness(1.1); }.actions>button:disabled { cursor:wait;opacity:.65; }.actions span { font-size:19px; }
.invite-card .platform { margin:15px 0 0;color:#979797;font-size:11px; }.privacy { max-width:460px;margin:22px 15px 0;text-align:center;color:#858585;font-size:11px;line-height:1.7; }#invite-fallback { border-top:1px solid #ffffff20;margin-top:30px;padding-top:20px; }#copy-invite { padding:5px 0;background:none;border:0;color:#ddd;font:12px 'Segoe UI',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px; }#invite-fallback p { margin:8px 0 0;color:#959595;font-size:11px;line-height:1.7; }.invite-card .message { color:#bbb;margin:16px 0 0;font-size:12px; }#progress { margin-top:22px; }progress { width:100%;height:5px;accent-color:#eee; }#download-status { display:block;font-size:11px;color:#aaa;margin-top:8px; }footer { padding:22px;text-align:center;color:#777;font-size:10px; }:focus-visible { outline:2px solid #eee;outline-offset:5px; }
@media(max-width:560px) { main { padding:30px 16px; }.invite-card { padding:30px 25px;border-radius:22px; }h1 { font-size:31px; }.privacy { max-width:310px; } }
@media(prefers-reduced-transparency:reduce) { .invite-card { background:#171717;backdrop-filter:none; } }