#elita-form-wrap{ --navy:#0E2A4B; --navy2:#173c66; --teal:#149AB8; --tealdk:#0C6E84; --ink:#1d2733; --mute:#6b7a89; --line:#d8e0e8; --bg:#f4f7fa; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; display:flex; justify-content:center; padding:24px 14px; box-sizing:border-box; } #elita-form-wrap *{ box-sizing:border-box; } .ef-card{ width:100%; max-width:460px; background:#fff; border-radius:18px; box-shadow:0 18px 50px rgba(14,42,75,.16); overflow:hidden; } .ef-head{ background:linear-gradient(150deg,#0E2A4B 0%,#123862 60%,#0C6E84 150%); color:#fff; padding:26px 26px 22px; } .ef-brand{ font-size:13px; letter-spacing:2px; color:#bfe6f0; font-weight:700; } .ef-brand small{ display:block; font-size:8.5px; letter-spacing:3px; color:#8fb8cb; margin-top:3px; font-weight:600; } .ef-title{ font-size:23px; font-weight:800; line-height:1.25; margin:16px 0 6px; } .ef-sub{ font-size:13.5px; color:#cfe2ee; line-height:1.5; } .ef-body{ padding:22px 26px 26px; } .ef-field{ margin-bottom:14px; } .ef-label{ display:block; font-size:12.5px; font-weight:700; color:var(--navy); margin-bottom:6px; } .ef-label .req{ color:var(--teal); } .ef-input, .ef-select{ width:100%; padding:13px 14px; font-size:15px; color:var(--ink); background:var(--bg); border:1.5px solid var(--line); border-radius:11px; outline:none; transition:border-color .15s, background .15s; -webkit-appearance:none; appearance:none; } .ef-input:focus, .ef-select:focus{ border-color:var(--teal); background:#fff; } .ef-select{ background-image:url("data:image/svg+xml;utf8,"); background-repeat:no-repeat; background-position:right 14px center; padding-right:38px; cursor:pointer; } .ef-select:invalid{ color:var(--mute); } .ef-btn{ width:100%; padding:15px; font-size:16px; font-weight:800; color:#fff; letter-spacing:.3px; background:linear-gradient(135deg,#149AB8,#0C6E84); border:none; border-radius:11px; cursor:pointer; margin-top:6px; transition:transform .08s, box-shadow .15s; box-shadow:0 8px 20px rgba(20,154,184,.28); } .ef-btn:hover{ box-shadow:0 10px 26px rgba(20,154,184,.4); } .ef-btn:active{ transform:translateY(1px); } .ef-btn:disabled{ opacity:.6; cursor:default; } .ef-note{ font-size:11.5px; color:var(--mute); text-align:center; margin-top:12px; line-height:1.5; } .ef-success{ display:none; text-align:center; padding:30px 26px 36px; } .ef-success .ic{ width:64px; height:64px; border-radius:50%; background:#e3f4ee; color:#1f8a6d; display:flex; align-items:center; justify-content:center; margin:0 auto 16px; font-size:34px; } .ef-success h3{ color:var(--navy); font-size:20px; margin:0 0 8px; } .ef-success p{ color:var(--mute); font-size:14px; line-height:1.55; margin:0; } .ef-err{ display:none; background:#f9eaea; color:#c0504d; font-size:13px; padding:10px 12px; border-radius:9px; margin-bottom:12px; text-align:center; }