:root{--ink:#172033;--muted:#667085;--line:#e7eaf0;--brand:#635bff;--brand-dark:#5148e5;--soft:#f6f7fb;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{border:0;border-radius:10px;background:var(--brand);color:#fff;font:inherit;font-weight:700;padding:11px 17px;cursor:pointer;transition:.2s}button:hover{background:var(--brand-dark);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #635bff1c}textarea{min-height:110px;resize:vertical}main{max-width:1180px;margin:0 auto;padding:48px 28px}.site-nav{justify-content:space-between;max-width:1180px;margin:auto;padding:22px 28px}.brand,.site-nav{display:flex;align-items:center}.brand{gap:10px;font-size:19px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--brand);color:#fff}.nav-links{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px;font-weight:600}.nav-links .button-link{background:var(--ink);color:#fff;padding:10px 15px;border-radius:9px}.hero{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:70px;gap:70px;align-items:center;padding-top:85px;padding-bottom:100px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-.07em;margin:18px 0}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:30px}.secondary{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)}.hero-visual{position:relative;min-height:390px;border:1px solid #ffffffaa;border-radius:28px;background:linear-gradient(135deg,#e7e8ff,#fff);box-shadow:0 25px 70px #343b8018;padding:20px;overflow:hidden}.mock-window{height:100%;border:1px solid #ffffff;border-radius:19px;background:#fff;box-shadow:0 15px 35px #343b8020;padding:18px}.mock-top{display:flex;gap:6px;margin-bottom:25px}.dot{width:8px;height:8px;border-radius:50%;background:#d9dce8}.mock-card{padding:18px;border-radius:14px;background:#f7f7fb;margin-bottom:12px}.mock-line{height:9px;width:55%;border-radius:8px;background:#dfe2ef;margin-bottom:12px}.mock-line.short{width:32%;background:#eceef6}.dash-shell{min-height:100vh;background:var(--soft)}.dash-top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.dash-body{display:flex;max-width:1440px;margin:auto}.sidebar{width:230px;padding:28px 16px}.sidebar a{display:block;padding:12px 14px;border-radius:9px;color:var(--muted);font-size:14px;font-weight:650;margin-bottom:4px}.sidebar a.active,.sidebar a:hover{background:#ecebff;color:var(--brand)}.dash-content{flex:1 1;padding:42px 42px 70px;min-width:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading h1{margin:0;font-size:32px;letter-spacing:-.05em}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 5px 18px #17203305}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.form-grid textarea{grid-column:span 2}.form-grid button{align-self:end}.lead-list{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.lead-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.lead-item h3{margin:0 0 5px;font-size:16px}.lead-item p{margin:0;color:var(--muted);line-height:1.5}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;background:#eef0f7;color:var(--muted)}.badge.NEW{background:#e9e7ff;color:var(--brand)}.badge.SENT{background:#dcfce7;color:#15803d}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top left,#e8e7ff,transparent 38%),var(--soft)}.auth-card{width:min(450px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;box-shadow:0 20px 60px #17203312}.auth-card h1{margin:0 0 8px;font-size:30px;letter-spacing:-.05em}.auth-card form{grid-gap:15px;gap:15px;margin-top:26px}.auth-card label{grid-gap:7px;gap:7px;font-weight:700}.key-box{word-break:break-all;background:#f3f2ff;color:#4940c9;padding:16px;border-radius:10px;font-family:monospace;font-size:13px;margin:16px 0}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.nav-links{gap:10px}.sidebar{display:none}.dash-content{padding:28px 18px}.form-grid{grid-template-columns:1fr}.form-grid textarea{grid-column:auto}.dash-top{padding:0 18px}}.auth-page{min-height:100vh;display:grid;grid-template-columns:42% 58%;background:#fff}.auth-brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:42px 9%;color:#fff;background:linear-gradient(145deg,#171b38,#28235c 55%,#635bff 140%)}.auth-brand-panel .brand{color:#fff}.auth-brand-panel h2{max-width:390px;margin:22px 0 16px;font-size:clamp(34px,4vw,54px);line-height:1.04;letter-spacing:-.065em}.auth-brand-panel p{max-width:390px;color:#c9c9e1;font-size:16px;line-height:1.7}.auth-brand-panel small{color:#a9a9c5}.auth-panel{display:grid;place-items:center;padding:44px 7%;background:#fafbff}.auth-card{width:min(455px,100%);background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.auth-card h1{font-size:34px;line-height:1.1;margin:12px 0 9px;letter-spacing:-.055em}.auth-card form{display:grid;grid-gap:18px;gap:18px;margin-top:28px}.auth-card label{display:grid;grid-gap:8px;gap:8px;color:#344054;font-size:13px;font-weight:750}.auth-card input{height:48px}.auth-footer{margin-top:24px;color:var(--muted);font-size:14px}.auth-footer a{color:var(--brand);font-weight:750}.form-error{padding:11px 13px;border-radius:9px;background:#fff0f0;color:#c43232;font-size:13px}.two-fields{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.mobile-brand{display:none}.success-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dcfce7;color:#16803d;font-size:24px;font-weight:800}.onboarding-actions{display:flex;gap:10px;flex-wrap:wrap}.key-box{font-size:12px;line-height:1.6}.auth-card .secondary{background:#fff!important}@media(max-width:800px){.auth-page{display:block}.auth-brand-panel{display:none}.auth-panel{min-height:100vh;padding:28px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:55px}.mobile-brand .brand-mark{color:#fff}.two-fields{grid-template-columns:1fr}}.sidebar-label{display:block;color:#98a2b3;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:0 14px;margin:0 0 10px}.sidebar-label:not(:first-child){margin-top:30px}.sidebar-bottom{position:absolute;bottom:28px;padding:0 14px;color:#98a2b3;font-size:11px;line-height:1.5}.sidebar-bottom small{display:block;color:var(--ink);font-weight:800;margin-bottom:4px}.top-user{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:650}.status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #dcfce7}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9e7ff;color:var(--brand);font-size:12px;font-weight:800;margin-left:14px}.sidebar{position:relative;min-height:calc(100vh - 72px)}.loading-state{display:grid;place-items:center;min-height:50vh;color:var(--muted)}.page-heading h1{margin:10px 0 7px}.page-heading .muted{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 5px 18px #17203305}.stat-card .stat-label{display:block;color:var(--muted);font-size:13px;font-weight:650;margin-bottom:15px}.stat-card strong{display:block;font-size:25px;letter-spacing:-.04em}.stat-card small{display:block;color:#12a150;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;grid-gap:16px;gap:16px}.card h2{font-size:22px;letter-spacing:-.04em;margin:12px 0 9px}.welcome-card{background:linear-gradient(135deg,#fff,#f4f3ff)}.step-list{display:grid;grid-gap:12px;gap:12px;margin:24px 0}.step-list div{display:flex;align-items:center;gap:12px;color:#475467;font-size:14px}.step-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e9e7ff;color:var(--brand);font-size:10px}.account-card{display:flex;flex-direction:column}.account-card button{margin-top:auto;align-self:flex-start}.account-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:20px 0 18px;font-size:12px;color:var(--muted)}.account-row code{display:block;color:var(--ink);font-size:10px;margin-top:7px;word-break:break-all}@media(max-width:800px){.dashboard-grid,.stats-grid{grid-template-columns:1fr}.top-user{font-size:0}.sidebar-bottom{position:static;margin-top:40px}}