:root{
  --bg:#ffffff; --fg:#0b0d12; --muted:#5b6472; --border:#e6e8ee;
  --card:#ffffff; --secondary:#f3f4f7; --primary:#2563eb; --primary-fg:#ffffff;
  --destructive:#dc2626;
  --gradient-brand: linear-gradient(135deg,#2563eb,#7c3aed);
  --shadow-card: 0 10px 30px -10px rgba(20,30,60,.15);
  --shadow-elegant: 0 10px 25px -10px rgba(37,99,235,.45);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5;-webkit-font-smoothing:antialiased}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;padding:16px 24px}
.logo{height:56px;width:auto}
.hero{display:grid;gap:48px;padding:48px 24px;grid-template-columns:1fr;align-items:start}
@media(min-width:1024px){.hero{grid-template-columns:1.15fr .85fr;padding:80px 24px}}
.badge{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--secondary);color:var(--muted);font-size:14px;border-radius:999px;padding:4px 12px;width:max-content}
.title{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-.02em;margin:16px 0;max-width:640px}
@media(min-width:640px){.title{font-size:52px}}
@media(min-width:1024px){.title{font-size:60px}}
.grad{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:var(--muted);max-width:560px;margin:0 0 8px}
@media(min-width:640px){.lead{font-size:20px}}
.sub{font-size:16px;color:var(--muted);max-width:560px;margin:0}
.bullets{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px;max-width:420px;font-size:14px;color:rgba(11,13,18,.8)}
.bullets li{display:flex;align-items:flex-start;gap:12px}
.dot{margin-top:6px;width:8px;height:8px;border-radius:999px;background:var(--gradient-brand);flex:0 0 auto}
.card{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:28px;box-shadow:var(--shadow-card)}
.card h2{margin:0 0 8px;font-size:24px;font-weight:600}
.card-sub{margin:0 0 24px;color:var(--muted);font-size:14px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.field label{font-size:14px;font-weight:500}
.field input{height:44px;border-radius:8px;border:1px solid var(--border);background:var(--bg);padding:0 12px;font-size:14px;outline:none;transition:box-shadow .15s,border-color .15s}
.field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.25)}
.row{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.row{grid-template-columns:1fr 1fr}}
.btn-primary{margin-top:8px;height:44px;width:100%;border:0;border-radius:8px;color:var(--primary-fg);font-weight:500;cursor:pointer;background:var(--gradient-brand);box-shadow:var(--shadow-elegant);transition:opacity .15s}
.btn-primary:hover{opacity:.9}
.btn-primary:disabled{opacity:.6;cursor:not-allowed}
.status{font-size:14px;min-height:20px;color:var(--muted);margin:8px 0 0}
.status.error{color:var(--destructive)}
.status.success{color:var(--primary)}
.site-footer{border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--muted);font-size:14px}