| .web-form { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 1.5rem; | |
| } | |
| .input-group { | |
| position: relative; | |
| } | |
| .input-icon { | |
| position: absolute; | |
| left: 1.25rem; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| font-size: 1.5rem; | |
| } | |
| .input-field { | |
| width: 100%; | |
| padding: 1.25rem 1.25rem 1.25rem 3.5rem; | |
| border: 2px solid var(--border); | |
| border-radius: 12px; | |
| font-size: 1rem; | |
| transition: all 0.3s ease; | |
| font-family: inherit; | |
| background: var(--bg-card); | |
| color: var(--text-primary); | |
| } | |
| .input-field:focus { | |
| outline: none; | |
| border-color: var(--primary); | |
| box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1); | |
| } | |