*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6f4;color:#0a0a0a;font-family:Inter,Arial,sans-serif}.top{height:78px;background:#090909;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.top nav{display:flex;gap:24px;font-size:12px}.top a{color:#fff;text-decoration:none;opacity:.82}.brand{font-size:22px;font-weight:800;letter-spacing:-1px}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:80px 0 100px}.wrap.narrow{max-width:760px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#888;text-transform:uppercase;margin-bottom:15px}h1{font-size:clamp(44px,6vw,72px);line-height:.95;letter-spacing:-.05em;font-weight:500;margin:0 0 18px}h2{font-size:28px;letter-spacing:-.035em;margin:0 0 22px}h3{font-size:20px;margin:0 0 7px}p{color:#777}.lead{font-size:16px;max-width:650px;margin-bottom:45px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box{background:#fff;border:1px solid #e1e1de;border-radius:20px;padding:28px;margin-bottom:18px}form{display:grid;gap:13px}label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#777}input{width:100%;border:1px solid #d6d6d2;background:#fafaf8;border-radius:12px;padding:14px;outline:0;font:inherit}input:focus{border-color:#777}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid #111;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.btn.dark{background:#0a0a0a;color:#fff}.btn.light{background:#fff;color:#111;border-color:#ddd}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.clients{display:grid;gap:12px}.client{background:#fff;border:1px solid #e1e1de;border-radius:18px;padding:20px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.client p{font-size:12px;margin:0}.danger{color:#b00000;text-decoration:none;font-size:11px;font-weight:800;padding:10px}.success,.error{padding:15px 18px;border-radius:13px;margin:0 0 18px;font-size:12px}.success{background:#e9f7ef;border:1px solid #bfe5ce}.error{background:#fff0ed;border:1px solid #f1c4ba}.empty{padding:40px;background:#fff;border:1px dashed #ccc;border-radius:18px;color:#777}.section-title{margin-top:65px;margin-bottom:18px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#eee;padding:2px 5px;border-radius:5px;font-size:.9em}.muted{font-size:12px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e1e1de;border-radius:24px;padding:38px}.auth-card .brand{margin-bottom:45px}.auth-card h1{font-size:48px}.auth-card small{display:block;color:#999;margin-top:22px;font-size:11px}.client-wrap{width:min(1400px,calc(100% - 40px));margin:auto;padding:55px 0}.client-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.client-head h1{font-size:56px}.preview{height:calc(100vh - 220px);min-height:650px;background:#111;border-radius:22px;padding:8px;box-shadow:0 25px 70px rgba(0,0,0,.12)}iframe{width:100%;height:100%;border:0;border-radius:16px;background:#fff}@media(max-width:800px){.top{padding:0 18px}.top nav{gap:12px}.wrap{padding:55px 0}.grid{grid-template-columns:1fr}.client{display:block}.actions{margin-top:15px}.client-head{display:block}.client-head .btn{margin-top:18px}.client-head h1{font-size:44px}.preview{height:75vh;min-height:500px}.auth-card{padding:28px}.auth-card .brand{margin-bottom:35px}}