@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0914;--panel:#15111f;--panel2:#1c1629;--line:#342745;--text:#f8f5ff;--muted:#aaa0bd;--purple:#a783ff;--violet:#7042d5;--mint:#78e6c2;--amber:#ffd38c;--red:#ff829a;--shadow:0 20px 60px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% -8%,#48266a55,transparent 34%),var(--bg);color:var(--text);font:15px/1.6 'DM Sans',system-ui,sans-serif}a{color:#cbb8ff;text-decoration:none}a:hover{color:#fff}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 max(22px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12;background:#0c0914df;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font:800 17px Manrope,sans-serif;color:#fff;letter-spacing:-.3px}.brand small{display:block;font:700 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#9b8eaf}.brand-logo{display:block;width:42px;height:42px;object-fit:contain;border-radius:10px;flex:0 0 auto}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(140deg,#c4a6ff,#6334c7);box-shadow:0 7px 26px #8c58ff44;font-size:21px}.topbar nav{display:flex;align-items:center;gap:21px;font-size:13px;color:var(--muted)}.nav-cta{border:1px solid #b89aff55;border-radius:10px;padding:8px 13px;background:#a783ff18;color:#fff}.container{width:min(1200px,calc(100% - 44px));margin:0 auto;min-height:70vh}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:70px 0 55px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#c5aaff;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #78e6c2;vertical-align:middle;margin-right:8px}.hero h1,.auth-card h1,.legal h1,.dash-head h1{font:800 clamp(38px,5.3vw,66px)/1.07 Manrope,sans-serif;letter-spacing:-2.6px;margin:19px 0 20px}.hero h1 span{background:linear-gradient(90deg,#d9c8ff,#9e78ff 65%,#f0ddff);color:transparent;background-clip:text}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:580px}.actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:27px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 17px;border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,#ae8aff,#7041d5);color:white;font-weight:800;box-shadow:0 9px 26px #7746d533;transition:transform .15s,filter .15s}.btn:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5);transform:none}.btn.ghost{background:#ffffff07;border-color:var(--line);box-shadow:none;color:#eae2fa}.btn.full{width:100%;margin-top:6px}.btn.tiny{font-size:11px;padding:6px 9px}.trust{display:flex;flex-wrap:wrap;gap:19px;color:#b6acc5;font-size:11px;margin-top:24px}.hero-visual{height:410px;position:relative;display:grid;place-items:center;isolation:isolate}.halo{width:min(330px,76%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#bba0ff44,#492b7a2e 44%,#0c0914 72%);border:1px solid #c7a8ff45;box-shadow:inset 0 0 75px #a77aff20,0 0 100px #8a54ff1c;z-index:2}.crystal{font-size:128px;color:#d1bbff;text-shadow:0 0 48px #9b70ffb0;filter:drop-shadow(0 18px 18px #6337bd66)}.orbital{position:absolute;border:1px solid #b99aff26;border-radius:50%;transform:rotate(-27deg)}.o1{width:95%;height:52%}.o2{width:80%;height:70%;transform:rotate(45deg)}.float-card{position:absolute;z-index:3;padding:14px 17px;border:1px solid #ffffff1d;border-radius:15px;background:#191423ed;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.float-card small,.float-card span{display:block;color:var(--muted);font-size:10px}.float-card strong{display:block;font:700 15px Manrope;margin:4px 0}.card-a{top:37px;right:-2px}.card-b{bottom:34px;left:0}.section{padding:48px 0 62px;border-top:1px solid #ffffff0b}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.section-heading h2,.panel h2{font:750 27px Manrope;letter-spacing:-.8px;margin:6px 0}.section-heading p{max-width:390px;color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature,.panel,.metric{background:linear-gradient(150deg,#1a1525,#12101a);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 35px #0002}.feature-icon{width:43px;height:43px;border-radius:13px;background:#a783ff17;border:1px solid #a783ff30;display:grid;place-items:center;color:#cbb6ff;font-size:22px}.feature h3{font:700 16px Manrope;margin:15px 0 6px}.feature p,.muted{color:var(--muted);font-size:13px}.notice{display:flex;gap:14px;margin:25px 0 40px;padding:17px 19px;border:1px solid #ffd38c32;background:#ffd38c09;border-radius:15px;color:#e8d5b0}.notice-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:#ffd38c18;color:var(--amber);font-weight:800}.notice strong{font-size:13px;color:#f5dfb7}.notice p{font-size:12px;line-height:1.7;margin:4px 0 0;color:#c3b49a}.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:25px max(22px,calc((100vw - 1200px)/2));border-top:1px solid #ffffff12;color:#827790;font-size:11px}.auth-card{width:min(510px,100%);margin:58px auto 75px;padding:30px;background:linear-gradient(150deg,#1a1525,#100d17);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-card h1{font-size:35px;letter-spacing:-1.2px;margin:9px 0}.auth-card>p{color:var(--muted);font-size:13px}.auth-card form{display:grid;gap:13px;margin-top:24px}.auth-card label,.settings-grid label{display:grid;gap:7px;color:#dcd2ea;font-size:12px;font-weight:700}.auth-card input:not([type=checkbox]),.settings-grid input,.settings-grid select{width:100%;min-width:0;background:#0c0914;border:1px solid #3a2d4c;border-radius:10px;padding:12px;color:#fff;outline:none}.auth-card input:focus,.settings-grid input:focus,.settings-grid select:focus{border-color:#a783ff;box-shadow:0 0 0 3px #a783ff20}.checkline{display:flex!important;align-items:center;gap:8px!important;flex-wrap:wrap}.auth-bottom{text-align:center;margin-top:20px!important}.alert{padding:12px 15px;margin:20px 0;border:1px solid #a783ff44;background:#a783ff10;border-radius:11px;color:#e4d7ff;font-size:13px}.alert.error{border-color:#ff829a55;background:#ff829a12;color:#ffc3ce}.alert.success{border-color:#78e6c255;background:#78e6c212;color:#b5ffe5}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:42px 0 22px}.dash-head h1{font-size:36px;letter-spacing:-1.2px;margin:7px 0}.dash-head p{color:var(--muted);margin:0;font-size:13px}.status-badge,.mini-tag{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #78e6c238;background:#78e6c20d;color:var(--mint);border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800}.mini-tag{border-color:#a783ff44;background:#a783ff10;color:#d3c0ff}.muted-badge{color:var(--muted);border-color:#ffffff1b;background:#ffffff05}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric{padding:18px}.metric>span{font-size:12px;color:var(--muted)}.metric strong{display:block;font:800 28px Manrope;letter-spacing:-.7px;margin:12px 0 4px;overflow-wrap:anywhere}.metric strong small{font-size:13px;color:#c4a7ff}.metric .metric-word{font-size:18px}.metric p{font-size:11px;color:#91869f;margin:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.panel{padding:22px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:13px}.panel h2{font-size:20px;margin:4px 0}.copy-row{display:flex;gap:8px;margin:17px 0 8px}.copy-row input{min-width:0;flex:1;background:#0c0914;border:1px solid var(--line);border-radius:10px;padding:11px;color:#d7c8f4;font-size:12px}.compact{margin:12px 0}.small{font-size:11px}.divider{height:1px;background:#ffffff12;margin:18px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;padding:11px 9px;color:#9286a3;font-size:9px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #ffffff0b;color:#e5ddee}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:#8f849e;padding:23px}.table-sub{display:block;color:#8d819b;font-size:10px}.state{font-size:10px;border-radius:99px;padding:4px 7px;background:#ffffff0b;color:#d5c8e7}.state.paid{background:#78e6c216;color:var(--mint)}.state.pending{background:#ffd38c15;color:var(--amber)}.state.failed,.state.refunded{background:#ff829a15;color:var(--red)}.credit{color:var(--mint)}.debit{color:var(--red)}.settings-form{margin-top:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:17px 0}.toggle-row{display:flex!important;align-items:center;gap:8px!important;flex-wrap:wrap}.warning-inline{font-size:9px;color:var(--amber)}.legal{max-width:850px;margin:45px auto 70px}.legal h1{font-size:44px;letter-spacing:-1.7px}.legal h2{font:750 20px Manrope;margin:30px 0 8px}.legal p{color:#c6bdd2;font-size:14px;line-height:1.9}.legal .muted{font-size:12px}.legal .notice{margin-top:30px}.install-btn[hidden]{display:none!important}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0;padding-top:55px}.hero-visual{height:340px}.feature-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading p{margin-top:0}.hero h1{max-width:750px}}
@media(max-width:600px){.topbar{height:64px;padding:0 15px}.topbar nav{gap:10px;font-size:11px}.topbar nav>a:first-child,.topbar nav>a:nth-child(2){display:none}.brand{font-size:15px}.brand-logo{width:35px;height:35px}.brand-mark{width:35px;height:35px}.container{width:calc(100% - 30px)}.hero{padding:42px 0 25px}.hero h1{font-size:42px;letter-spacing:-1.8px}.lead{font-size:15px}.hero-visual{height:280px}.halo{width:225px}.crystal{font-size:90px}.float-card{padding:10px 12px}.float-card strong{font-size:12px}.card-a{top:15px;right:0}.card-b{bottom:14px;left:0}.feature-grid{grid-template-columns:1fr}.feature{padding:18px}.section{padding:35px 0}.section-heading h2{font-size:24px}.auth-card{margin:28px auto 45px;padding:22px}.auth-card h1{font-size:30px}.dash-head{align-items:start;flex-direction:column;padding-top:28px}.dash-head h1{font-size:30px}.metric-grid{gap:8px}.metric{padding:13px}.metric strong{font-size:23px}.metric .metric-word{font-size:15px}.panel{padding:16px}.settings-grid{grid-template-columns:1fr}.copy-row{flex-direction:column}.copy-row .btn{width:100%}.legal{margin:28px auto 45px}.legal h1{font-size:35px}.legal h2{font-size:18px}.footer{padding:20px 15px}.notice{padding:13px}.actions .btn{font-size:12px;padding:11px 13px}}

.logo-settings-preview{display:flex;align-items:center;gap:13px;min-height:80px;margin:12px 0;padding:14px;border:1px dashed #594575;border-radius:13px;background:#0c0914}.logo-settings-preview img{max-width:220px;max-height:72px;object-fit:contain}.settings-form input[type=file]{display:block;max-width:100%;margin-top:7px;padding:10px;background:#0c0914;border:1px solid #3a2d4c;border-radius:10px;color:#ddd}