.qr-main{max-width:980px;margin:auto;padding:180px 28px 90px}.qr-hero{text-align:center;max-width:760px;margin:0 auto 50px}.qr-kicker{font:700 10px 'Space Grotesk';letter-spacing:.24em;color:#35d8ff}.qr-hero h1{font:600 clamp(48px,7vw,80px) 'Space Grotesk';letter-spacing:-.06em;margin:22px 0}.qr-hero h1 span{color:#748096}.qr-hero p{color:#8490a4;font-size:15px}.qr-shell{display:grid;grid-template-columns:1fr 380px;gap:20px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(8,12,20,.78);padding:26px}.qr-form{display:flex;flex-direction:column;gap:15px}.qr-form label{font:600 10px 'Space Grotesk';letter-spacing:.08em;color:#8a96a8}.qr-form textarea,.qr-form input,.qr-form select{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.09);background:#090d15;color:#dce8f5;border-radius:9px;padding:12px;outline:none;font:13px Inter}.qr-form textarea{min-height:180px;resize:vertical}.qr-preview{min-height:420px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#03050a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.qr-box{width:280px;height:280px;display:grid;place-items:center;background:#fff;padding:10px;border-radius:10px}.qr-box canvas,.qr-box img{max-width:100%;height:auto}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-button{border:0;padding:13px;border-radius:10px;font:700 11px 'Space Grotesk';cursor:pointer;background:linear-gradient(100deg,#32d9ff,#557dff);color:#031017}.qr-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.08);color:#8a96a8}.qr-note{margin:18px auto 0;max-width:720px;color:#667387;text-align:center;font-size:10px}@media(max-width:850px){.qr-main{padding:145px 18px 65px}.qr-shell{grid-template-columns:1fr;padding:18px}.qr-preview{min-height:350px}.qr-box{width:240px;height:240px}.qr-actions{grid-template-columns:1fr}}