body{background:linear-gradient(135deg,#f3f7fb,#edf4ff);min-height:100vh}.demo-back{margin-left:auto;font-size:1rem}.demo-layout{max-width:1240px;margin:auto;padding:64px 28px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.demo-intro h1{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.1;letter-spacing:-.035em}.demo-intro p,.demo-intro li{font-size:1rem;color:#455c75}.demo-intro ul{padding-left:22px;margin:28px 0}.demo-intro li{padding-bottom:12px}.demo-intro a{font-weight:700;color:#174fb5}.demo-card{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:32px;box-shadow:0 12px 45px #07182f0b;min-width:0}.demo-card h2{font-size:1.75rem;margin-bottom:8px}.demo-card label{display:block;font-weight:600;font-size:1rem;margin:16px 0 6px}.demo-card input,.demo-card textarea{width:100%;min-width:0;font:inherit;font-size:1rem;padding:11px 12px;border:1px solid #aebfd2;border-radius:7px;background:#fff;color:#0b203b}.demo-card input:focus,.demo-card textarea:focus{outline:2px solid #2468e9;outline-offset:2px}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-fields>div{min-width:0}.demo-card .demo-privacy{font-size:.875rem;color:#52677e;margin:18px 0}.demo-privacy a{text-decoration:underline}.demo-card button{border:0;cursor:pointer;font:inherit;font-weight:700;min-height:48px}.demo-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.demo-error{border:1px solid #e4b6b6;border-radius:7px;padding:12px;color:#922424;background:#fff5f5}.demo-card .kicker{font-size:.875rem}@media(max-width:850px){.demo-layout{grid-template-columns:1fr;gap:24px;padding:36px 20px}.demo-intro h1{font-size:2.3rem}.demo-card{padding:24px}}@media(max-width:480px){.demo-fields{grid-template-columns:1fr;gap:0}.demo-back{font-size:.875rem}.header{gap:20px}.demo-card{padding:20px}.demo-layout{padding:28px 16px}}