/* YALOVI Web Panel v1.0.6 — Contact Us premium secure form */
body.yalovi-support-page{min-height:100vh;overflow-x:hidden;font-family:Poppins,Inter,system-ui,sans-serif!important}
.support-shell{width:min(1040px,calc(100% - 32px));margin:62px auto 46px;position:relative;z-index:3}
.support-card{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:32px;background:linear-gradient(145deg,rgba(13,12,18,.93),rgba(7,7,11,.89));box-shadow:0 32px 90px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(20px)}
.support-heading{max-width:780px;margin-bottom:24px}.support-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(166,100,238,.22);border-radius:999px;background:rgba(129,57,206,.09);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#eee6f8}.support-heading h1{font-size:clamp(38px,4vw,56px);line-height:1;margin:16px 0 12px;letter-spacing:-.045em}.support-heading p{max-width:720px;margin:0;color:rgba(255,255,255,.64);font-size:14px;line-height:1.65;font-weight:500}
.support-alert{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:13px 15px;border-radius:14px;font-size:13px;font-weight:600;line-height:1.5}.support-alert.success{border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.08);color:#d8ffe6}.support-alert.error{border:1px solid rgba(239,68,68,.24);background:rgba(239,68,68,.08);color:#ffdada}
.support-form{position:relative}.support-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.support-field{min-width:0;position:relative}.support-field.full{grid-column:1/-1}.support-field label{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:rgba(255,255,255,.82);font-size:11.5px;font-weight:700}.support-field label>i{color:#a768e9}.verified-chip{margin-left:auto;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 7px;background:rgba(36,205,138,.09);border:1px solid rgba(36,205,138,.14);color:#62e4af;font-size:8.5px;font-weight:800;letter-spacing:.02em}.email-chip{display:none}.email-chip.show{display:inline-flex}
.support-field input,.support-field textarea,.support-select-trigger{width:100%;border:1px solid rgba(255,255,255,.105);background:rgba(3,3,7,.55);color:#fff;border-radius:14px;outline:none;font:600 13px/1.4 Poppins,Inter,sans-serif;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.support-field input{height:50px;padding:0 15px}.support-field textarea{min-height:148px;padding:14px 15px;resize:vertical}.support-field input::placeholder,.support-field textarea::placeholder{color:rgba(255,255,255,.30)}.support-field input:focus,.support-field textarea:focus,.support-select.open .support-select-trigger{border-color:rgba(159,88,227,.52);background:rgba(10,8,14,.84);box-shadow:0 0 0 3px rgba(135,63,205,.08)}.support-field input[readonly]{color:rgba(255,255,255,.78);background:rgba(255,255,255,.025);cursor:default}
.support-email-row{display:grid;grid-template-columns:1fr auto;gap:8px}.support-verify-btn,.support-code-btn{height:50px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#17131d;color:#fff;padding:0 14px;font:700 11px Poppins,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.16s ease}.support-verify-btn:hover,.support-code-btn:hover{background:#21172d;border-color:rgba(164,95,230,.28)}.support-email-field[data-email-verified="1"] .support-verify-btn{color:#62e4af;background:rgba(36,205,138,.07);border-color:rgba(36,205,138,.16)}.support-code-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.support-code-row[hidden]{display:none}.support-field-status{display:block;margin-top:6px;color:rgba(255,255,255,.38);font-size:9.5px;line-height:1.45}.support-field-status.is-ok{color:#62dca9}.support-field-status.is-error{color:#ff8989}
.support-select{position:relative;z-index:16}.support-select.open{z-index:60}.support-select-trigger{height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.support-select-trigger>i{color:rgba(255,255,255,.48);font-size:11px;transition:transform .16s ease}.support-select.open .support-select-trigger>i{transform:rotate(180deg)}.support-select-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);display:none;padding:6px;max-height:236px;overflow:auto;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(12,10,16,.985);box-shadow:0 24px 62px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#3a3045 transparent}.support-select.open .support-select-menu{display:block;animation:supportDrop .14s ease both}.support-select-option{width:100%;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.70);padding:10px 11px;display:grid;grid-template-columns:20px 1fr 18px;align-items:center;gap:8px;text-align:left;font:600 11px Poppins,sans-serif;cursor:pointer}.support-select-option>i:first-child{color:#a568df}.support-select-option .option-check{opacity:0;color:#62dfa9}.support-select-option:hover{background:rgba(255,255,255,.055);color:#fff}.support-select-option.active{background:rgba(138,59,224,.11);color:#fff}.support-select-option.active .option-check{opacity:1}@keyframes supportDrop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.support-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.support-security-note{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.39);font-size:9.5px;line-height:1.45}.support-security-note i{color:#62dca9}.support-submit{min-width:220px;height:52px;border:0;border-radius:14px;background:linear-gradient(135deg,#8b3bd8,#671caf);color:#fff;font:800 12px Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 14px 30px rgba(106,30,177,.20);transition:transform .16s ease,filter .16s ease}.support-submit:hover{transform:translateY(-1px);filter:brightness(1.06)}.support-submit[disabled],.support-verify-btn[disabled],.support-code-btn[disabled]{opacity:.55;cursor:wait;transform:none}
.support-mini-grid{width:min(1040px,calc(100% - 32px));margin:0 auto 64px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2}.support-mini-card{padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(12,12,17,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.support-mini-card>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(130,55,204,.10);color:#a96cec;font-size:17px;margin-bottom:12px}.support-mini-card h3{margin:0 0 6px;font-size:13px}.support-mini-card p{margin:0;color:rgba(255,255,255,.48);font-size:10.5px;line-height:1.55}.support-footer-force{position:relative;z-index:2}
@media(max-width:760px){.support-shell{margin-top:34px}.support-card{padding:22px;border-radius:22px}.support-grid{grid-template-columns:1fr}.support-field.full{grid-column:auto}.support-submit-row{flex-direction:column;align-items:stretch}.support-submit{width:100%;min-width:0}.support-mini-grid{grid-template-columns:1fr}.support-email-row{grid-template-columns:1fr}.support-verify-btn{width:100%}}