:root{--bg:#061b3c;--panel:rgba(7,32,73,.82);--text:#fff;--muted:#bed8f6;--line:rgba(255,255,255,.15);--primary:#159cff;--primary2:#005bea;--shadow:0 24px 70px rgba(0,0,0,.28)}
[data-theme="light"]{--bg:#eef7ff;--panel:rgba(255,255,255,.9);--text:#09264e;--muted:#496887;--line:#cfe1f3;--shadow:0 24px 70px rgba(6,42,86,.15)}
[data-theme="dark"]{--bg:#020914;--panel:rgba(5,15,31,.9);--text:#f6fbff;--muted:#a7bed7;--line:#18314e;--primary:#1ea7ff;--primary2:#0067f4}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 10%,rgba(31,162,255,.28),transparent 32%),linear-gradient(145deg,var(--bg),#031229 75%);color:var(--text);transition:.25s}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(1180px,92%);margin:0 auto;padding:22px 0;display:flex;justify-content:flex-end;gap:10px}.control{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 12px;outline:none}.main{flex:1;display:grid;place-items:center;padding:20px}.card{width:min(860px,100%);text-align:center;padding:42px clamp(22px,5vw,56px);border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(16px);border-radius:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:-2px auto auto 12%;width:76%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.logo{width:min(330px,70vw);height:auto;filter:drop-shadow(0 18px 25px rgba(0,0,0,.2))}.badge{display:inline-flex;align-items:center;gap:8px;margin:20px 0 8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em}.dot{width:8px;height:8px;border-radius:50%;background:#28c76f;box-shadow:0 0 0 6px rgba(40,199,111,.12)}h1{font-size:clamp(2.2rem,6vw,4.5rem);margin:8px 0 10px;letter-spacing:-.045em;background:linear-gradient(90deg,#fff,#5bc5ff,#0b78ff);-webkit-background-clip:text;color:transparent}[data-theme="light"] h1{background:linear-gradient(90deg,#082852,#168fef,#004bd1);-webkit-background-clip:text;color:transparent}.headline{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:800;margin:0 0 14px}.intro{max-width:670px;margin:0 auto;color:var(--muted);line-height:1.7;font-size:1.03rem}.notify{margin:30px auto 0;max-width:620px}.notify-title{font-weight:800;margin-bottom:12px}.form{display:flex;gap:10px}.email{flex:1;min-width:0;padding:15px 17px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);font-size:1rem;outline:none}.email:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(21,156,255,.12)}[data-theme="light"] .email{background:#fff}.button{border:0;border-radius:14px;padding:15px 22px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(0,103,244,.25)}.privacy,.message{font-size:.85rem;color:var(--muted);margin:10px 0 0}.message{min-height:20px;font-weight:700}.footer{text-align:center;padding:22px;color:var(--muted);font-size:.9rem}.footer strong{color:var(--text)}.sep{opacity:.45;margin:0 8px}[dir="rtl"] .form{direction:rtl}@media(max-width:600px){.topbar{justify-content:center;flex-wrap:wrap;padding:14px 0}.card{border-radius:22px;padding:28px 18px}.form{flex-direction:column}.button{width:100%}.logo{width:min(270px,78vw)}}

.xcelix-brand{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;white-space:nowrap}.xcelix-x{width:1.35em;height:1.35em;object-fit:contain;vertical-align:middle;margin-right:-.08em;filter:drop-shadow(0 2px 5px rgba(0,0,0,.16))}
