*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;color:#172033}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{max-width:1180px;margin:0 auto;padding:32px 20px}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:800;letter-spacing:-.02em}.muted{color:#667085}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 4px 18px rgba(16,24,40,.04)}.grid{display:grid;gap:18px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{border:0;border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:#111827;color:#fff}.btn-secondary{background:#eef2f6;color:#111827}.btn-google{background:#fff;border:1px solid #d0d5dd;color:#111827}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:12px;font-weight:700}.hero{padding:52px 0 28px}.hero h1{font-size:42px;margin:0 0 12px;letter-spacing:-.04em}.hero p{font-size:18px;line-height:1.6;max-width:700px}.kpi{font-size:28px;font-weight:800;margin-top:8px}form{display:grid;gap:14px}label{font-weight:700;font-size:14px}input,textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;background:#fff;outline:none}input:focus,textarea:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.notice{padding:12px 14px;border-radius:10px;background:#f2f4f7;color:#475467}@media(max-width:800px){.grid-3{grid-template-columns:1fr}.hero h1{font-size:34px}}