:root{--bg:#070a12;--text:#eef3ff;--muted:#a7b4d6;--muted2:#8ea0cb;--stroke:rgba(90,120,180,.40);--stroke2:rgba(90,120,180,.24);--gold:#f2d38a;--violet:#7c5cff;--cyan:#18d2ff;--green:#2ef2a0;--shadow:0 26px 90px rgba(0,0,0,.56);--shadow2:0 18px 60px rgba(0,0,0,.35);--r:22px;--r2:18px;--max:1140px}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Helvetica Neue",sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 12% 12%,rgba(124,92,255,.18),transparent 55%),radial-gradient(900px 650px at 92% 18%,rgba(24,210,255,.10),transparent 58%),radial-gradient(900px 520px at 50% 105%,rgba(46,242,160,.06),transparent 62%),var(--bg);overflow-x:hidden}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.92}
.top{position:relative;z-index:2;max-width:var(--max);margin:0 auto;padding:18px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}
.sigil{width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 45%),conic-gradient(from 120deg,rgba(242,211,138,.28),rgba(124,92,255,.10),rgba(24,210,255,.08),rgba(242,211,138,.28));box-shadow:0 16px 40px rgba(0,0,0,.35)}
.brand-title{font-weight:820;letter-spacing:.25px;font-size:14px}.brand-sub{color:var(--muted);font-size:12px;margin-top:2px}
.status{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke2);background:rgba(10,14,26,.45);backdrop-filter:blur(10px);color:var(--muted);font-size:12px;white-space:nowrap;box-shadow:0 10px 35px rgba(0,0,0,.22)}
.dot{width:9px;height:9px;border-radius:99px;background:var(--green);box-shadow:0 0 0 6px rgba(46,242,160,.10)}
.wrap{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:10px 16px 80px}
.hero{position:relative;border-radius:var(--r);border:1px solid var(--stroke);background:rgba(10,14,26,.62);box-shadow:var(--shadow);overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url("assets/hero.webp");background-size:cover;background-position:center 20%;transform:scale(1.04);opacity:.82;filter:saturate(1.08) contrast(1.06)}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(900px 520px at 30% 30%,rgba(0,0,0,.10),rgba(0,0,0,.55) 70%,rgba(0,0,0,.86)),linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 45%,rgba(0,0,0,.70));pointer-events:none}
.hero-fog{position:absolute;inset:-10%;background:radial-gradient(520px 260px at 18% 55%,rgba(242,211,138,.16),transparent 68%),radial-gradient(520px 260px at 52% 42%,rgba(124,92,255,.10),transparent 70%),radial-gradient(520px 260px at 88% 48%,rgba(24,210,255,.08),transparent 72%);filter:blur(12px);opacity:.90;mix-blend-mode:screen;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:14px;padding:22px;align-items:start}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}}
.hero-left{max-width:740px}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(242,211,138,.30);background:rgba(242,211,138,.11);color:rgba(255,245,220,.94);font-size:12px;margin-bottom:14px}
.spark{width:18px;height:18px;display:inline-grid;place-items:center;border-radius:8px;background:rgba(242,211,138,.16);border:1px solid rgba(242,211,138,.24);color:rgba(242,211,138,.98)}
.title{margin:0 0 10px;font-size:46px;line-height:1.03;letter-spacing:-.9px;text-shadow:0 16px 60px rgba(0,0,0,.75)}
.gold{color:rgba(255,245,220,.98);text-shadow:0 18px 70px rgba(242,211,138,.18)}
.subtitle{margin:0 0 16px;color:rgba(231,236,255,.90);font-size:15px;line-height:1.55;max-width:66ch}
@media (max-width:560px){.title{font-size:34px}.hero-grid{padding:18px}}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.chip{display:inline-flex;align-items:center;padding:10px 12px;border-radius:16px;border:1px solid rgba(242,211,138,.18);background:rgba(7,10,18,.26);color:rgba(220,226,255,.78);font-size:12px;backdrop-filter:blur(6px)}
.chip:hover{border-color:rgba(242,211,138,.28)}
.micro{margin-top:12px;color:rgba(220,226,255,.72);font-size:12px}
.cta-inline{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cta-pill{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(242,211,138,.28);background:rgba(10,14,26,.55);color:rgba(255,245,220,.92);font-weight:780;box-shadow:0 14px 40px rgba(0,0,0,.28);text-decoration:none}
.cta-pill:hover{border-color:rgba(24,210,255,.38)}.cta-hint{color:rgba(220,226,255,.70);font-size:12px}
.links-card{border-radius:18px;border:1px solid rgba(242,211,138,.22);background:rgba(10,14,26,.66);box-shadow:var(--shadow2);padding:14px;backdrop-filter:blur(10px)}
.links-head{display:flex;align-items:center;gap:12px;padding:4px 4px 12px}
.mark{width:44px;height:44px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(7,10,18,.25);box-shadow:0 12px 38px rgba(0,0,0,.35)}
.links-title{font-weight:860;letter-spacing:.2px}.links-sub{color:var(--muted);font-size:12px;margin-top:2px}
.buttons{display:grid;gap:10px;margin-top:2px}
.btn{display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(90,120,180,.40);background:rgba(7,10,18,.26);box-shadow:0 14px 54px rgba(0,0,0,.34);transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease;text-decoration:none;position:relative;overflow:hidden}
.btn:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 30%,rgba(242,211,138,.14),transparent 60%);transform:translateX(-45%);transition:transform .45s ease;pointer-events:none}
.btn:hover{transform:translateY(-1px);border-color:rgba(242,211,138,.34);background:rgba(10,14,26,.72);box-shadow:0 18px 70px rgba(0,0,0,.40)}
.btn:hover:before{transform:translateX(45%)}.btn:active{transform:translateY(0) scale(.995)}
.b-ico{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(242,211,138,.14),rgba(124,92,255,.10));color:rgba(255,245,220,.95);font-weight:900;letter-spacing:.6px}
.btn.primary{border-color:rgba(242,211,138,.40)}
.btn.primary .b-ico{background:linear-gradient(135deg,rgba(242,211,138,.26),rgba(24,210,255,.10));border-color:rgba(242,211,138,.26);animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(242,211,138,0)}50%{box-shadow:0 0 0 10px rgba(242,211,138,.08)}}
.b-text{display:flex;flex-direction:column;min-width:0}.b-name{font-weight:860;letter-spacing:.15px}
.b-desc{margin-top:2px;font-size:12px;color:var(--muted2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-go{opacity:.85;font-size:18px}
.btn.ghost{border-color:rgba(90,120,180,.26)}
.grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:940px){.grid{grid-template-columns:1fr}}
.card{border-radius:var(--r2);border:1px solid rgba(90,120,180,.36);background:rgba(10,14,26,.58);box-shadow:0 16px 64px rgba(0,0,0,.30);padding:16px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(520px 180px at 10% 0%,rgba(242,211,138,.10),transparent 60%),radial-gradient(520px 220px at 110% 20%,rgba(124,92,255,.10),transparent 55%);pointer-events:none}
.card-ico{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(7,10,18,.25);display:grid;place-items:center;box-shadow:0 14px 44px rgba(0,0,0,.28);margin-bottom:10px}
.card h3{margin:0 0 8px;letter-spacing:.2px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.faq{margin-top:14px;border-radius:var(--r);border:1px solid rgba(90,120,180,.36);background:rgba(10,14,26,.58);box-shadow:0 16px 64px rgba(0,0,0,.26);overflow:hidden}
.faq-head{padding:18px 18px 10px}.faq-head h2{margin:0;font-size:18px;letter-spacing:.2px}.faq-head p{margin:6px 0 0;color:var(--muted);font-size:13px}
.faq-grid{padding:8px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:940px){.faq-grid{grid-template-columns:1fr}}
details{border:1px solid rgba(90,120,180,.24);background:rgba(7,10,18,.22);border-radius:16px;padding:12px 14px}
summary{cursor:pointer;list-style:none;font-weight:840;display:flex;align-items:center;justify-content:space-between;gap:10px}
summary::-webkit-details-marker{display:none}
details p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.fine{margin-top:10px;color:rgba(220,226,255,.72);font-size:12px}
.fine a{color:rgba(220,226,255,.86);text-decoration:none}.fine a:hover{text-decoration:underline}
.footer{border-top:1px solid rgba(255,255,255,.10);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:rgba(220,226,255,.70);font-size:12px;flex-wrap:wrap}
.footer-links a{color:rgba(220,226,255,.82);text-decoration:none}.footer-links a:hover{text-decoration:underline}
.footer-links span{opacity:.55;padding:0 6px}
@media (prefers-reduced-motion:reduce){.btn,.btn:before{transition:none !important}.btn.primary .b-ico{animation:none !important}}

.sigil-img{width:42px;height:42px;border-radius:16px;border:1px solid rgba(255,255,255,.10);box-shadow:0 16px 40px rgba(0,0,0,.35);object-fit:cover}