:root { --met-color-primary: #0f3554; --met-color-secondary: #4cb5b5; --met-color-accent: #1f7ac6; --met-color-bg: #ffffff; --met-color-surface: #f8fbfd; --met-color-border: #d7e3ec; --met-color-text-main: #18324a; --met-color-text-muted: #5d7488; --met-color-success: #0a8a57; --met-color-error: #c0392b; --met-radius-md: 10px; --met-radius-lg: 16px; --met-shadow-lg: 0 18px 48px rgba(15, 53, 84, 0.08); }
.met-premium-form { background: var(--met-color-bg); border: 1px solid var(--met-color-border); border-radius: var(--met-radius-lg); padding: 34px; box-shadow: var(--met-shadow-lg); position: relative; }
.met-premium-form::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 5px; background: linear-gradient(90deg,var(--met-color-primary),var(--met-color-secondary)); }
.met-form-header { text-align: center; margin-bottom: 28px; }
.met-badge { display: inline-block; padding: 6px 12px; border-radius: 999px; background: rgb(234, 247, 247); color: var(--met-color-secondary); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.met-form-title { margin: 12px 0px 6px; font-size: 32px; line-height: 1.15; color: var(--met-color-primary); }
.met-form-subtitle { margin: 0px; color: var(--met-color-text-muted); font-size: 15px; }
.met-input-group { display: flex; flex-direction: column; }
.met-input-group label { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.met-req { color: var(--met-color-error); }
.met-input-group input, .met-input-group select { width: 100%; box-sizing: border-box; min-height: 52px; padding: 13px 14px; border: 1px solid var(--met-color-border); border-radius: var(--met-radius-md); background: var(--met-color-surface); font-size: 16px; color: var(--met-color-text-main); }
.met-input-group input:focus, .met-input-group select:focus { outline: none; border-color: var(--met-color-accent); box-shadow: rgba(31, 122, 198, 0.12) 0px 0px 0px 4px; background: rgb(255, 255, 255); }
.met-check { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--met-color-border); border-radius: 14px; background: rgb(251, 253, 255); color: var(--met-color-text-main); font-size: 14px; line-height: 1.5; }
.met-check input { margin-top: 3px; flex: 0 0 auto; }
.met-check a { color: var(--met-color-accent); text-decoration: underline; text-underline-offset: 2px; }
.met-hp { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.met-form-footer { display: flex; flex-direction: column; gap: 14px; align-items: center; }
.met-submit-btn { width: 100%; min-height: 56px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; background: linear-gradient(135deg,var(--met-color-accent),var(--met-color-primary)); color: rgb(255, 255, 255); font-size: 17px; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; }
.met-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; }
.met-btn-icon { width: 20px; height: 20px; }
.met-spinner { width: 20px; height: 20px; border-radius: 50%; border-width: 3px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.25); border-image: none; animation: 1s linear 0s infinite normal none running met-spin; }
.met-state-hidden { display: none !important; }
@keyframes met-spin { 
  100% { transform: rotate(360deg); }
}
.met-turnstile-wrap { display: flex; justify-content: center; margin: 18px 0px 6px; }
.met-trust-indicator { font-size: 13px; color: var(--met-color-text-muted); }
@media (max-width: 900px) {.met-premium-form { padding: 24px; }
.met-form-title { font-size: 28px; }}