:root{--bg:#08090d;--panel:#111319;--line:#272a33;--text:#f7f7f8;--muted:#a4a7b1;--accent:#8b5cf6;--accent2:#d946ef}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 20%,#242033 0,#0c0d12 38%,var(--bg) 72%);color:var(--text);font-family:Outfit,system-ui,sans-serif}.topbar{height:72px;display:flex;align-items:center;padding:0 clamp(22px,5vw,70px);border-bottom:1px solid rgba(255,255,255,.07)}.wordmark{font-weight:900;letter-spacing:.04em;font-size:18px}.wordmark span,.hms-mark span{color:var(--accent)}.shell{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:52px 20px}.card{width:min(680px,100%);text-align:center;padding:58px clamp(24px,7vw,72px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(24,25,33,.95),rgba(12,13,18,.98));box-shadow:0 28px 90px rgba(0,0,0,.45);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 20% auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)}.brand-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.agency-logo{width:86px;height:86px;border-radius:22px;object-fit:cover;border:1px solid #353845}.plus{font-size:25px;color:#6e7280}.hms-mark{width:86px;height:86px;border-radius:22px;background:#fff;color:#0a0b0e;display:grid;place-items:center;font-size:22px;font-weight:900}.eyebrow{margin:0 0 14px;color:#b9a2ff;font-size:13px;font-weight:800;letter-spacing:.15em}h1{font-size:clamp(38px,7vw,68px);line-height:.98;letter-spacing:-.045em;margin:0 auto 28px;max-width:560px}.discount{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin:2px 0 14px}.discount strong{font-size:clamp(76px,16vw,126px);line-height:.8;letter-spacing:-.08em;background:linear-gradient(120deg,#fff 15%,#a78bfa 55%,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}.discount span{font-size:22px;font-weight:900;letter-spacing:.12em;color:#c4b5fd;padding-bottom:5px}.lead{font-size:22px;line-height:1.45;margin:18px auto 0;max-width:500px}.divider{height:1px;background:var(--line);margin:34px 0}.detail{color:var(--muted);font-size:17px;line-height:1.6;max-width:490px;margin:0 auto 26px}.btn{border:0;border-radius:14px;padding:16px 28px;background:linear-gradient(120deg,var(--accent),var(--accent2));color:#fff;font:800 17px Outfit;cursor:pointer;box-shadow:0 10px 28px rgba(139,92,246,.3);transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.fine,.consent,footer{color:#777b87;font-size:13px}.fine{margin:15px 0 0}footer{text-align:center;padding:0 20px 30px}footer p{margin:5px}.modal-overlay{position:fixed;inset:0;background:rgba(3,4,8,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;z-index:5}.modal-overlay[hidden]{display:none}.modal{width:min(460px,100%);position:relative;background:#15171e;border:1px solid #343741;border-radius:24px;padding:40px;text-align:center;box-shadow:0 30px 100px #000}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#9296a2;font-size:30px;cursor:pointer}.discord-icon{margin:auto auto 15px;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#5865f2;font-size:28px}.modal h2{font-size:28px;margin:0 0 10px}.modal-copy{color:var(--muted);line-height:1.5;margin:0 0 22px}.input-wrap{height:56px;display:flex;align-items:center;border:1px solid #3b3e48;background:#0d0e13;border-radius:13px;padding:0 16px;margin-bottom:12px}.input-wrap span{color:#747886;font-size:20px}.input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:600 17px Outfit;padding:0 5px}.btn-block{width:100%}#status{min-height:20px;margin:12px 0 0;font-size:14px}.error{color:#fb7185}.ok{color:#6ee7b7}.modal-open{overflow:hidden}@media(max-width:560px){.topbar{height:62px}.shell{padding:26px 14px}.card{padding:38px 20px;border-radius:22px}.agency-logo,.hms-mark{width:70px;height:70px;border-radius:18px}.brand-row{margin-bottom:24px}.modal{padding:36px 22px}.discount span{font-size:17px}}