body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; background: #f5f7fa; padding: 1.5rem; color: #333; } .form-container { max-width: 380px; margin-left: 0 rem; background: #fff; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.08); padding: 1.5rem 2rem; font-size: 14px; } .rounded-block__container.container { padding-left: 0 !important; margin-left: 0 !important; } form > div + div { margin-top: 1.4rem; } label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 0.875rem; color: #444; } input[type="text"], input[type="email"], input[type="tel"], select { width: 100%; padding: 8px 12px; font-size: 0.9rem; border: 1.4px solid #ccc; border-radius: 7px; box-sizing: border-box; transition: border-color 0.3s ease; color: #222; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus { border-color: #2563eb; outline: none; box-shadow: 0 0 4px rgba(37, 99, 235, 0.35); } .phone-group { display: flex; align-items: center; } .phone-prefix { background: #f0f0f0; border: 1.4px solid #ccc; border-right: none; border-radius: 7px 0 0 7px; padding: 8px 12px; font-weight: 600; color: #777; user-select: none; } .phone-group input[type="tel"] { border-radius: 0 7px 7px 0; border-left: none; } .address-flex { display: flex; gap: 0.8rem; } .address-flex > div { flex: 1; } .postcode-group { display: flex; align-items: center; } .postcode-prefix { background: #f0f0f0; border: 1.4px solid #ccc; border-right: none; border-radius: 7px 0 0 7px; padding: 8px 12px; font-weight: 600; color: #777; user-select: none; } .postcode-group input { border-radius: 0 7px 7px 0; border-left: none; padding-left: 10px; } .actions { margin-top: 1.8rem; display: flex; justify-content: space-between; }