:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0;padding:0}#root{box-sizing:border-box;border:none;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--qm-purple-dark:#3b0764;--qm-purple-deep:#4c1d95;--qm-purple-primary:#581c87;--qm-purple-btn-start:#4318ff;--qm-purple-btn-end:#3111b0;--qm-purple-glow:#4318ff73;--qm-orange-bright:#ff6a00;--qm-orange-sun:#ff4500;--qm-gold-yellow:#ffd200;--qm-jawwal-purple:#7928ca;--qm-jawwal-bg:#f5edff;--qm-ooredoo-red:#ea1a35;--qm-ooredoo-bg:#fff1f2;--qm-card-bg:#fff;--qm-text-main:#0f172a;--qm-text-muted:#64748b;--qm-border-soft:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#19052a;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.auth-viewport-wrapper{background:#160424;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex;overflow-x:hidden}.auth-screen-frame{-webkit-user-select:none;user-select:none;background:linear-gradient(#531299 0%,#6916a0 18%,#931c8e 38%,#cf295e 60%,#f24b2e 78%,#ff6200 100%);border-radius:40px;flex-direction:column;width:100%;max-width:412px;min-height:840px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 4px 20px #00000059,inset 0 1px 1px #fff3}.auth-bg-decorations{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.auth-bottom-waves{opacity:.95;width:100%;height:180px;position:absolute;bottom:0;left:0}.auth-dot-matrix{opacity:.22;grid-template-columns:repeat(4,1fr);gap:7px;display:grid;position:absolute;top:130px;left:20px}.auth-dot{background:#fff;border-radius:50%;width:3.5px;height:3.5px}.auth-paper-plane-doodle{pointer-events:none;z-index:2;animation:4s ease-in-out infinite floatPlane;position:absolute;bottom:25px;right:12px}@keyframes floatPlane{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(2deg)}}.auth-content-container{z-index:5;flex-direction:column;flex:1;align-items:center;width:100%;padding:34px 22px 30px;display:flex;position:relative}.qm-logo-wrapper{justify-content:center;align-items:center;width:100%;max-width:330px;margin-bottom:12px;display:flex}.qm-brand-svg{filter:drop-shadow(0 10px 22px #00000040);width:100%;height:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:visible}.qm-brand-svg:hover{transform:scale(1.02)}.qm-font-quiz{letter-spacing:-1px;font-family:Lilita One,Outfit,sans-serif;font-size:78px;font-weight:900}.qm-font-master{letter-spacing:.5px;font-family:Lilita One,Outfit,sans-serif;font-size:54px;font-weight:900}.verify-title-row{justify-content:center;align-items:center;gap:10px;margin-top:6px;margin-bottom:8px;display:flex}.verify-shield-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1.5px solid #ffffff73;border-radius:10px 10px 16px 16px;justify-content:center;align-items:center;width:36px;height:38px;display:flex;box-shadow:0 4px 12px #00000026}.verify-title{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 8px #00000040;font-family:Outfit,sans-serif;font-size:32px;font-weight:900}.verify-title-otp{background:linear-gradient(#fff359 0%,#ffd214 45%,#ff9d00 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0003);-webkit-background-clip:text}.auth-subtitle-text{color:#fff;text-align:center;text-shadow:0 1px 4px #0003;max-width:310px;margin-bottom:22px;font-size:14.5px;font-weight:500;line-height:1.45}.auth-card-white{background:#fff;border:1px solid #fffc;border-radius:26px;flex-direction:column;gap:14px;width:100%;margin-bottom:18px;padding:18px 18px 20px;display:flex;box-shadow:0 16px 36px #0000002e,0 2px 8px #00000014}.operator-tabs-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.operator-tab-btn{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .22s cubic-bezier(.2,0,0,1);display:flex}.operator-tab-btn:hover{border-color:#cbd5e1;transform:translateY(-1px)}.operator-tab-btn.jawwal-active{background:#f4ecff;border-color:#7928ca;box-shadow:0 4px 14px #7928ca26}.operator-tab-btn.ooredoo-active{background:#fff1f2;border-color:#ea1a35;box-shadow:0 4px 14px #ea1a3526}.operator-logo-group{align-items:center;gap:8px;display:flex}.jawwal-text-brand{color:#1e1b4b;letter-spacing:-.2px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.ooredoo-text-brand{color:#ea1a35;letter-spacing:-.3px;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:17px;font-weight:800}.op-check-circle{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.op-check-circle.jawwal-checked{color:#fff;background:#7928ca}.op-check-circle.ooredoo-checked{color:#fff;background:#ea1a35}.op-check-circle.unchecked{background:#fff;border:1.5px solid #cbd5e1}.phone-input-row{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;height:52px;padding:0 16px;transition:all .2s cubic-bezier(.2,0,0,1);display:flex;position:relative}.phone-input-row:focus-within{border-color:#7928ca;box-shadow:0 0 0 3px #7928ca1f}.phone-number-field{color:#0f172a;letter-spacing:.5px;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:Outfit,Inter,sans-serif;font-size:18px;font-weight:700}.phone-number-field::placeholder{color:#94a3b8;font-family:Inter,sans-serif;font-size:15px;font-weight:400}.verify-mobile-info-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.mobile-info-left{align-items:center;gap:10px;display:flex}.phone-icon-bubble{color:#7c3aed;background:#f5f0ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-label-text{color:#64748b;margin-bottom:2px;font-size:11.5px;font-weight:600}.mobile-number-masked{color:#0f172a;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.change-number-btn{color:#7928ca;cursor:pointer;background:#f3f0ff;border:none;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.change-number-btn:hover{background:#ebe5ff;transform:translateY(-1px)}.otp-section-label{color:#0f172a;text-align:left;margin-top:4px;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:800}.otp-inputs-row{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.otp-box{color:#0f172a;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:45px;height:52px;font-family:Outfit,sans-serif;font-size:22px;font-weight:800;transition:all .2s cubic-bezier(.2,0,0,1);position:relative}.otp-box:focus{background:#fff;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 0 0 3px #7c3aed26,0 4px 12px #7c3aed1a}.otp-box.filled{background:#fff;border-color:#cbd5e1}.resend-timer-pill{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:8px 18px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #00000026}.resend-timer-yellow{color:#ffe600;text-shadow:0 0 8px #ffe60099;font-weight:800}.resend-action-btn{color:#ffe600;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13.5px;font-weight:800;text-decoration:underline;display:flex}.resend-action-btn:hover{color:#fff}.auth-primary-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#4417d4 0%,#3010a3 100%);border:none;border-radius:27px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:17px;font-weight:800;transition:all .22s cubic-bezier(.2,0,0,1);display:flex;box-shadow:0 10px 24px #3010a373,inset 0 1px 1px #ffffff4d}.auth-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f1cf0 0%,#3a13c4 100%);transform:translateY(-1.5px);box-shadow:0 14px 28px #3010a38c,inset 0 1px 1px #fff6}.auth-primary-btn:active:not(:disabled){transform:translateY(0)}.auth-primary-btn:disabled{opacity:.75;cursor:not-allowed}.send-plane-icon{width:20px;height:20px;transform:rotate(-10deg)}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-security-footer{align-items:center;gap:12px;max-width:330px;margin-top:auto;padding-bottom:12px;display:flex}.security-shield-bubble{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1.5px solid #ffffff80;border-radius:10px 10px 16px 16px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:38px;display:flex;box-shadow:0 4px 12px #00000026}.security-footer-text{color:#fff;text-shadow:0 1px 3px #0003;font-size:12px;font-weight:500;line-height:1.45}.security-pill-tag{color:#fff;background:#7928ca;border-radius:10px;margin:0 2px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 2px 6px #0003}.auth-status-toast{text-align:center;border-radius:12px;width:100%;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600;animation:.25s ease-out fadeIn}.auth-status-toast.error{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444433;border:1px solid #ef444473}.auth-status-toast.success{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98133;border:1px solid #10b98173}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-viewport-wrapper{background:0 0;padding:0}.auth-screen-frame{min-height:100vh;box-shadow:none;border-radius:0;max-width:100%}.auth-content-container{padding:26px 18px 24px}}