:root{--primary: #0066ff;--secondary: #f4f6f8;--text: #333;--border: #ddd;--radius: 8px;--transition: .2s ease-in-out}form.modern-form{max-width:600px;margin:auto;background:#fff;padding:2rem;border-radius:var(--radius);box-shadow:0 4px 12px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}form.modern-form h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary);text-align:center}form.modern-form label{display:block;margin-bottom:.25rem;color:var(--text);font-weight:600}form.modern-form input[type=text],form.modern-form input[type=email],form.modern-form input[type=url],form.modern-form input[type=password],form.modern-form input[type=file],form.modern-form input[type=color],form.modern-form select,form.modern-form textarea{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background-color:#fff;transition:border-color var(--transition)}form.modern-form input:focus,form.modern-form select:focus,form.modern-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}form.modern-form button,form.modern-form input[type=submit]{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;background-color:#2bb0d8;transition:background-color var(--transition)}form.modern-form button:hover{background-color:#31859d}form.modern-form .form-row{display:flex;gap:1rem;flex-wrap:wrap}form.modern-form .form-row>*{flex:1;min-width:200px}form.modern-form .file-upload{border:2px dashed var(--border);padding:1rem;border-radius:var(--radius);text-align:center;color:#777;cursor:pointer;transition:all var(--transition)}form.modern-form .file-upload:hover{border-color:var(--primary);color:var(--primary)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/modern-form.css.map */