:root{--ink:#0d2034;--muted:#60758a;--line:#dce5ee;--blue:#0867df;--cyan:#13a8df;--navy:#061b31;--panel:#fff;--bg:#f4f7fb}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}.top{height:72px;padding:0 max(24px,calc((100% - 1240px)/2));display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.top img{width:175px;height:52px;object-fit:contain}.top nav{margin-left:auto;display:flex;gap:8px}.top button,.top a{border:0;background:transparent;color:#264866;padding:10px 14px;text-decoration:none;font-weight:600}.top .primary{background:var(--blue);color:#fff;border-radius:7px}.hero{background:radial-gradient(circle at 80% 10%,#124d79 0,#071d34 42%,#041424 100%);color:#fff;padding:75px max(24px,calc((100% - 1240px)/2));display:grid;grid-template-columns:1.25fr .75fr;gap:50px}.hero h1{font-size:46px;line-height:1.06;margin:0 0 18px;letter-spacing:-1px}.hero p{font-size:18px;color:#c7d9e8;line-height:1.6}.hero-card{background:#ffffff10;border:1px solid #ffffff25;border-radius:14px;padding:24px;box-shadow:0 20px 60px #0005}.code{background:#03101d;border:1px solid #24465f;border-radius:9px;padding:18px;font:12px ui-monospace,monospace;color:#8ce5ff;white-space:pre-wrap}.auth-wrap{max-width:960px;margin:-38px auto 50px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px #1b35541c;padding:26px}.auth-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tabs button{background:none;border:0;padding:12px 16px;color:var(--muted);font-weight:700}.auth-tabs .active{color:var(--blue);border-bottom:3px solid var(--blue)}.auth-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;color:#37536c;font-weight:600}.field input,.field select,.field textarea{padding:11px 12px;border:1px solid #bdccda;border-radius:7px;background:#fff}.field.full{grid-column:1/-1}.action{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border:0;border-radius:7px;padding:12px 18px;font-weight:700}.error{color:#a32828;min-height:18px}.dashboard{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:var(--navy);color:#c8d8e6;padding:28px 18px}.sidebar h3{color:#fff}.sidebar small{color:#86a6bf}.sidebar button{display:block;width:100%;text-align:left;padding:11px 12px;margin:5px 0;border:0;border-radius:6px;background:transparent;color:#b8ccdc}.sidebar button.active,.sidebar button:hover{background:#123c5f;color:#fff}.main{padding:30px;max-width:1200px;width:100%;overflow:auto}.flash{border:1px solid #b8d7f3;background:#edf7ff;padding:11px;border-radius:7px;margin-bottom:18px}.flash.bad{border-color:#e7b7b7;background:#fff1f1}.good{color:#175d3a}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px}.stat b{display:block;font-size:22px;margin-top:8px;color:#0b65c7}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin:16px 0}.panel h2{margin-top:0}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#60758a;font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:#f7f9fc}.table th,.table td{padding:11px;border-bottom:1px solid var(--line);vertical-align:top}.table code,.panel code{font:12px ui-monospace,monospace;color:#0355aa;word-break:break-all}.pill{background:#e4f2ff;color:#075ba8;padding:3px 8px;border-radius:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal{width:min(650px,94vw);border:0;border-radius:12px;padding:0;box-shadow:0 20px 70px #0007}.modal::backdrop{background:#031323aa}.modal h2{margin:0;padding:18px;border-bottom:1px solid var(--line)}.modal-body{padding:20px}.modal code{display:block;background:#eff5fa;padding:10px;margin:5px 0 14px;word-break:break-all}.modal textarea{width:100%;height:120px}.checkout{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#061b31,#0a4d79);padding:20px}.checkout-card{width:min(460px,100%);background:#fff;border-radius:16px;box-shadow:0 25px 80px #0008;padding:28px}.checkout-card .brand{width:180px;height:60px;object-fit:contain}.checkout-card h1{font-size:25px}.checkout-card .field{margin:12px 0}.paid{padding:25px;background:#effbf4;border:1px solid #9fd2b2;border-radius:8px}@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:36px}.dashboard{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;padding:8px}.sidebar h3,.sidebar small{display:none}.sidebar button{white-space:nowrap}.stats,.two,.form-grid{grid-template-columns:1fr}.auth-wrap{margin:0;border-radius:0}.main{padding:15px}}

.feature-grid{max-width:1240px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;box-shadow:0 8px 28px #1938560d}.feature h3{margin:14px 0 7px}.feature p{color:var(--muted);line-height:1.55}.dev-icon{width:38px;height:38px;color:#0872d9;vertical-align:middle;filter:drop-shadow(0 4px 7px #0d70c92e)}.sidebar .dev-icon{width:19px;height:19px;margin-right:9px;color:#70c8ff}.sidebar button{display:flex;align-items:center}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:17px}.metric b{display:block;font-size:22px;margin-top:8px;color:#0b65c7}.chart{display:flex;align-items:end;gap:8px;height:150px;padding:14px 4px 0;border-bottom:1px solid var(--line)}.chart i{flex:1;min-width:12px;background:linear-gradient(#12a8df,#0967dd);border-radius:5px 5px 0 0;position:relative}.button-danger{background:#fff1f1;border:1px solid #e0aaaa;color:#9b2424;border-radius:5px;padding:6px 9px}.button-small{border:1px solid #aebfd0;background:#fff;border-radius:5px;padding:6px 9px;color:#165d9b}.api-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.api-card{border:1px solid var(--line);border-radius:8px;padding:14px;background:#f9fbfd}.api-card b{display:block;margin-bottom:7px}@media(max-width:820px){.feature-grid,.api-grid{grid-template-columns:1fr}}