.demo-main{max-width:1080px}.demo-main h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}.demo-intro{max-width:680px;color:var(--muted);margin:10px 0 30px}.demo-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.demo-card,.demo-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:27px}.demo-card{display:flex;flex-direction:column;align-items:start;gap:12px}.demo-card h2{font-size:24px}.demo-card p{color:var(--muted);flex:1}.demo-card button{border:0;background:var(--ink);color:#fff;border-radius:7px;padding:12px 16px;font-weight:700}.demo-icon{display:grid;place-items:center;background:#e9f1e2;width:44px;height:44px;border-radius:9px;font-size:28px}.demo-form{margin-top:24px;max-width:550px}.demo-form h2{margin-bottom:16px}.demo-form label{display:block;font-weight:700;margin:14px 0 6px}.demo-form input{width:100%;padding:12px;border:1px solid #c9d8cc;border-radius:7px}.demo-form .dark{margin-top:14px}.demo-hint{font-size:14px;color:var(--muted);margin:12px 0}#demo-error{color:#953e33}.demo-banner{background:#e9f1e2;border:1px solid #c8daba;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:700;margin-bottom:23px}@media(max-width:700px){.demo-cards{grid-template-columns:1fr}.demo-main{padding:26px 20px}}