:root{--bg:#050a11;--panel:#0b1622;--panel2:#102337;--line:#20364b;--text:#f5f8fb;--muted:#91a6b8;--gold:#e2b65c;--gold2:#f6d58e;--green:#34d399;--blue:#6cc5ff;--amber:#f7bd54;--red:#ff7373;--shadow:0 28px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% -5%,#163c5b 0,transparent 32%),radial-gradient(circle at 90% 5%,rgba(226,182,92,.16),transparent 25%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:40;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(5,10,17,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px}.brand .mark{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),#a66d12);color:#101010;font-weight:950}.brand b{display:block;letter-spacing:.08em}.brand small{display:block;color:var(--gold2);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.topbar nav{display:flex;gap:26px;color:#bfd0dd;font-size:14px;font-weight:750}.topbar nav a:hover{color:var(--gold2)}.top-actions{display:flex;align-items:center;gap:10px}.top-actions form{margin:0}.user-chip{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#cfe0ec;font-size:12px}.lang-btn,.menu-btn{border:1px solid var(--line);background:#091522;color:white;border-radius:10px;padding:9px 11px;cursor:pointer}.menu-btn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:850;cursor:pointer}.btn.small{min-height:38px;padding:0 14px;font-size:13px}.btn.gold{background:linear-gradient(135deg,var(--gold2),#b87a19);color:#111;box-shadow:0 12px 26px rgba(226,182,92,.18)}.btn.ghost{background:#0b1723;border-color:var(--line);color:white}.hero{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;padding:90px 6vw 70px}.hero h1,.page-hero h1,.auth-card h1,.portal-main h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.05em;margin:18px 0}.hero h1 span{color:var(--gold2)}.hero p{font-size:19px;color:#b4c5d2;max-width:720px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--gold2);text-transform:uppercase}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#8fa5b6;font-size:13px}.hero-visual{position:relative;min-height:500px}.glass-card{background:linear-gradient(145deg,rgba(17,42,62,.93),rgba(7,17,27,.88));border:1px solid rgba(118,162,194,.25);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.main-card{position:absolute;inset:70px 20px 40px 20px;border-radius:26px;padding:34px}.card-label{color:#86a2b7;font-size:11px;letter-spacing:.16em}.main-card h3{font-size:32px;margin:10px 0 26px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini-grid div{padding:20px;border-radius:16px;background:#091825;border:1px solid #29445b}.mini-grid small{display:block;color:#8da4b6}.mini-grid b{display:block;margin-top:8px}.green{color:var(--green)}.amber{color:var(--amber)}.blue{color:var(--blue)}.floating{position:absolute;border-radius:14px;padding:13px 17px;font-weight:800}.floating.one{right:0;top:30px}.floating.two{left:0;bottom:20px}.logo-strip{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;padding:20px;border-block:1px solid rgba(255,255,255,.07);color:#7890a4;font-size:11px;letter-spacing:.15em}.section{padding:90px 6vw}.section.dark{background:linear-gradient(180deg,rgba(12,29,43,.58),rgba(5,10,17,0))}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-head h2,.split h2{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin:8px 0}.section-head p,.split p{color:var(--muted);max-width:610px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-grid.large{grid-template-columns:repeat(2,1fr)}.product-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#102235,#08131e);box-shadow:var(--shadow);overflow:hidden}.product-card:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;top:-80px;background:rgba(226,182,92,.07)}.product-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#0a1926;border:1px solid #2a475f;color:var(--gold2);font-size:23px}.product-card h3{font-size:23px;margin:20px 0 9px}.product-card p,.product-card li{color:#9fb2c1}.product-card ul{padding-left:18px}.status{position:absolute;right:20px;top:20px;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:10px;font-weight:900;text-transform:uppercase}.status.live,.status.live-data{color:var(--green);border-color:rgba(52,211,153,.3)}.status.private-beta{color:var(--amber);border-color:rgba(247,189,84,.32)}.status.coming-soon{color:var(--blue);border-color:rgba(108,197,255,.3)}.text-link{color:var(--gold2);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.portal-preview{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.portal-sidebar{background:#08131d;padding:24px;display:grid;gap:18px;color:#88a1b5}.portal-sidebar b{color:var(--gold2);font-size:25px}.portal-content{background:#102235;padding:30px}.preview-cards{display:grid;gap:10px}.preview-cards div{display:flex;justify-content:space-between;padding:17px;border-radius:13px;background:#081722;border:1px solid #274157}.preview-cards b{color:var(--green)}.language-cloud{display:flex;gap:11px;flex-wrap:wrap}.language-cloud span{padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:#091522}.page-hero{padding:90px 6vw 30px}.page-hero p{color:var(--muted)}.auth-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:70px 20px}.auth-card{width:min(520px,100%);padding:34px;border-radius:25px;background:linear-gradient(145deg,#102337,#08131e);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-card h1{font-size:48px}.auth-card p{color:var(--muted)}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;color:#c8d5de;font-size:13px;font-weight:750}.form input,.form select,.form textarea{width:100%;background:#06121c;border:1px solid var(--line);color:white;border-radius:11px;padding:13px 14px;outline:none}.form textarea{min-height:120px;resize:vertical}.alert{padding:12px;border-radius:10px;background:rgba(255,115,115,.08);border:1px solid rgba(255,115,115,.28);color:#ffc2c2;margin-bottom:14px}.small-text{font-size:13px}.small-text a{color:var(--gold2)}.portal-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 78px)}.portal-nav{padding:32px 22px;background:#07121c;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.portal-nav>div{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--line)}.portal-nav small{display:block;color:var(--muted)}.portal-nav a{padding:11px 12px;border-radius:10px;color:#a8bbc9}.portal-nav a:hover{background:#102235;color:white}.portal-main{padding:48px 4vw}.portal-main h1{font-size:50px}.portal-main h2{margin-top:46px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats div{padding:20px;border-radius:16px;background:#0b1926;border:1px solid var(--line)}.stats small{display:block;color:var(--muted)}.stats b{font-size:28px;color:var(--gold2)}.table-card,.card{padding:22px;border-radius:18px;background:#0b1926;border:1px solid var(--line);overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #203448;font-size:13px}th{color:#8da4b5}.support-grid,.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-page{max-width:1500px;margin:auto}.help-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(145deg,var(--gold2),#ac7016);font-size:25px;cursor:pointer;z-index:70;box-shadow:0 15px 40px rgba(0,0,0,.4)}.help-panel{position:fixed;right:22px;bottom:92px;width:min(390px,calc(100vw - 30px));height:520px;background:#08141f;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);z-index:69;display:none;grid-template-rows:auto 1fr auto;overflow:hidden}.help-panel.open{display:grid}.help-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.help-head button{background:none;border:0;color:white;font-size:25px}.help-messages{padding:15px;overflow:auto;display:flex;flex-direction:column;gap:10px}.bot,.human{max-width:84%;padding:11px 13px;border-radius:13px;font-size:13px}.bot{background:#102337;align-self:flex-start}.human{background:#5a4216;align-self:flex-end}.help-compose{display:grid;grid-template-columns:80px 1fr auto;gap:7px;padding:10px;border-top:1px solid var(--line)}.help-compose select,.help-compose input{min-width:0;background:#06111b;border:1px solid var(--line);color:white;border-radius:9px;padding:10px}.help-compose button{background:var(--gold);border:0;border-radius:9px;font-weight:850;padding:0 13px}footer{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:30px;padding:45px 6vw;background:#03070c;border-top:1px solid rgba(255,255,255,.06)}footer p,footer a{color:#7f95a7;font-size:13px}footer>div:nth-child(2){display:grid;gap:8px;align-content:start}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero,.split{grid-template-columns:1fr}.hero-visual{min-height:430px}.portal-shell{grid-template-columns:1fr}.portal-nav{display:none}.topbar nav{display:none}.menu-btn{display:block}}
@media(max-width:700px){.hero{padding:65px 22px}.section,.page-hero{padding-left:22px;padding-right:22px}.product-grid,.product-grid.large,.stats,.support-grid,.admin-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:48px}.hero-visual{min-height:360px}.main-card{inset:45px 0 25px}.floating{display:none}.mini-grid{grid-template-columns:1fr 1fr}.portal-main{padding:35px 20px}.topbar{padding:0 18px}.topbar .brand small{display:none}.top-actions .user-chip,.top-actions .btn.gold{display:none}.help-panel{right:15px;bottom:85px}footer{grid-template-columns:1fr}}