*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#ef1b24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--oo-red:#ef1b24;--oo-red-dark:#cc1520;--oo-red-darker:#aa1018;--oo-dark:#241e22;--oo-dark-hover:#3a3237;--oo-white:#ffffff;--oo-bg:#fefefe;--oo-text:#1a1a1a;--oo-text-muted:#6b6b6b;--oo-text-dim:#9e9e9e;--oo-border:#d9d9d9;--oo-border-focus:#241e22;--oo-input-bg:#ffffff;--oo-error:#ef1b24;--oo-placeholder:#b0b0b0;--oo-check-red:#ef1b24}#ooredoo-app{position:fixed;inset:0;align-items:center;justify-content:center}#ooredoo-app,.oo-frame{width:100%;height:100%;display:flex;background:var(--oo-red)}.oo-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.4);flex-direction:column}.oo-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(36px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.oo-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.oo-dot-loader{display:flex;align-items:center;justify-content:center;gap:7px}.oo-dot{width:8px;height:8px;border-radius:50%;background:var(--oo-white);animation:oo-bounce 1.2s ease-in-out infinite}.oo-dot-1{animation-delay:0s}.oo-dot-2{animation-delay:.2s}.oo-dot-3{animation-delay:.4s}@keyframes oo-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.oo-loading-overlay{position:absolute;inset:0;z-index:100;background:rgba(254,254,254,.78);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:oo-overlay-in .18s ease both;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}@keyframes oo-overlay-in{0%{opacity:0}to{opacity:1}}.oo-spinner{width:44px;height:44px;border-radius:50%;border:3.5px solid rgba(239,27,36,.15);border-top:3.5px solid var(--oo-red);animation:oo-spin .72s linear infinite}@keyframes oo-spin{to{transform:rotate(1turn)}}.oo-loading-label{font-size:13px;font-weight:500;color:var(--oo-text-muted);font-family:Inter,sans-serif;letter-spacing:.2px}.oo-splash{position:absolute;inset:0;background:var(--oo-red);display:flex;align-items:center;justify-content:center;z-index:50}.oo-splash-logo{width:clamp(160px,50vw,220px);height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:oo-logo-pop .65s cubic-bezier(.34,1.45,.64,1) both}@keyframes oo-logo-pop{0%{opacity:0;transform:scale(.7) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.oo-login-screen{width:100%;height:100%;flex-direction:column;align-items:stretch;overflow:hidden}.oo-login-navbar,.oo-login-screen{background:var(--oo-bg);display:flex}.oo-login-navbar{align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top,14px)) 20px 10px;flex-shrink:0}.oo-nav-back-btn{background:none;border:none;cursor:pointer;font-size:15px;font-weight:400;color:var(--oo-text);font-family:Inter,sans-serif;padding:4px 0;letter-spacing:.1px}.oo-nav-back-btn:hover{color:var(--oo-red)}.oo-nav-chat-btn{background:none;border:none;cursor:pointer;color:var(--oo-text-muted);display:flex;align-items:center;padding:4px}.oo-nav-chat-btn:hover{color:var(--oo-text)}.oo-login-body{flex:1 1;padding:12px 20px 0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.oo-login-title{font-size:28px;font-weight:300;line-height:1.25;margin-bottom:6px;letter-spacing:-.5px}.oo-login-subtitle,.oo-login-title{color:var(--oo-text);font-family:Inter,sans-serif}.oo-login-subtitle{font-size:13px;font-weight:700;line-height:1.5;margin-bottom:24px}.oo-field-block{display:flex;flex-direction:column;margin-bottom:4px}.oo-field-label{font-size:13.5px;font-weight:700;color:var(--oo-text);margin-bottom:8px;font-family:Inter,sans-serif}.oo-input-wrap{display:flex;align-items:center;background:var(--oo-input-bg);border:1px solid #c8c8c8;border-radius:4px;height:52px;padding:0 14px;transition:border-color .18s;overflow:hidden}.oo-input-wrap:focus-within{border-color:#888}.oo-input-wrap--error{border-color:var(--oo-error)!important}.oo-phone-prefix{display:flex;align-items:center;gap:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oo-prefix-code{font-size:15px;font-weight:400;color:var(--oo-text-muted);letter-spacing:.2px}.oo-prefix-divider{width:1px;height:20px;background:#c8c8c8;margin:0 12px;flex-shrink:0}.oo-input{flex:1 1;background:transparent;border:none;outline:none;font-size:15px;font-weight:400;font-family:Inter,sans-serif;color:var(--oo-text);caret-color:var(--oo-red);letter-spacing:.2px}.oo-input::placeholder{color:#b8b8b8}.oo-input:disabled{opacity:.6;cursor:not-allowed}.oo-input--pass{padding-right:4px}.oo-eye-btn{background:none;border:none;cursor:pointer;color:#aaa;display:flex;align-items:center;padding:4px;flex-shrink:0;margin-left:4px}.oo-eye-btn:hover{color:var(--oo-text)}.oo-field-error{font-size:12px;color:var(--oo-error);margin-top:5px;font-family:Inter,sans-serif}.oo-email-toggle-row{display:flex;align-items:center;gap:10px;margin-top:14px;margin-bottom:22px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;border:none;padding:0;text-align:left}.oo-email-toggle-row:hover .oo-checkbox-circle{border-color:var(--oo-red)}.oo-checkbox-circle{width:22px;height:22px;border-radius:50%;border:1.5px solid #c0c0c0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s;background:var(--oo-white)}.oo-checkbox-circle--checked{border-color:var(--oo-red);background:var(--oo-red)}.oo-checkbox-checkmark{display:none}.oo-checkbox-circle--checked .oo-checkbox-checkmark{display:block}.oo-email-toggle-label{font-size:13.5px;font-weight:400;color:var(--oo-text-muted);font-family:Inter,sans-serif}.oo-login-bottom{flex-shrink:0;padding:12px 20px max(20px,env(safe-area-inset-bottom,20px));background:var(--oo-bg);display:flex;flex-direction:column;align-items:stretch;gap:0}.oo-continue-btn{width:100%;height:56px;border-radius:28px;border:none;cursor:pointer;font-size:15px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.3px;background:var(--oo-dark);color:var(--oo-white);transition:background .18s,transform .1s,opacity .18s;display:flex;align-items:center;justify-content:center}.oo-continue-btn:hover:not(:disabled){background:var(--oo-dark-hover)}.oo-continue-btn:active:not(:disabled){transform:scale(.98)}.oo-continue-btn:disabled{opacity:.75;cursor:not-allowed}.oo-forgot-btn{background:none;border:none;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--oo-text);font-family:Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:14px 0 4px;text-align:center;align-self:center}.oo-forgot-btn:hover{color:var(--oo-red)}.oo-otp-screen{width:100%;height:100%;flex-direction:column}.oo-otp-navbar,.oo-otp-screen{background:var(--oo-bg);display:flex}.oo-otp-navbar{align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top,16px)) 20px 12px;flex-shrink:0}.oo-otp-back-btn{background:none;border:none;cursor:pointer;font-size:15px;font-weight:500;color:var(--oo-text);font-family:Inter,sans-serif;padding:4px 0;letter-spacing:.1px}.oo-otp-back-btn:hover{color:var(--oo-red)}.oo-otp-back-btn:disabled{opacity:.4;cursor:not-allowed}.oo-otp-chat-btn{background:none;border:none;cursor:pointer;color:var(--oo-text-muted);display:flex;align-items:center;padding:4px}.oo-otp-chat-btn:hover{color:var(--oo-text)}.oo-otp-body{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;padding:12px 24px max(28px,env(safe-area-inset-bottom,28px))}.oo-otp-title{font-size:26px;font-weight:400;margin-bottom:8px;letter-spacing:-.3px}.oo-otp-subtitle,.oo-otp-title{color:var(--oo-text);font-family:Inter,sans-serif}.oo-otp-subtitle{font-size:13.5px;font-weight:700;line-height:1.5;margin-bottom:32px}.oo-otp-boxes{display:flex;gap:10px;margin-bottom:20px;justify-content:flex-start}.oo-otp-box{width:50px;height:56px;border:2px solid var(--oo-border);border-radius:10px;background:var(--oo-white);text-align:center;font-size:20px;font-weight:700;font-family:Inter,sans-serif;color:var(--oo-text);outline:none;caret-color:var(--oo-red);transition:border-color .15s}.oo-otp-box:focus{border-color:var(--oo-dark);box-shadow:0 0 0 2px rgba(36,30,34,.1)}.oo-otp-box--error{border-color:var(--oo-error)!important}.oo-otp-box--filled{border-color:var(--oo-border)}.oo-otp-box:disabled{opacity:.6;cursor:not-allowed}.oo-otp-resend-row{display:flex;align-items:center;gap:6px;margin-bottom:20px}.oo-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;font-family:Inter,sans-serif;color:var(--oo-red);padding:0;text-decoration:none}.oo-otp-resend-btn:hover{text-decoration:underline}.oo-otp-resend-btn:disabled{opacity:.4;cursor:not-allowed}.oo-otp-resend-timer{font-size:14px;font-weight:400;color:var(--oo-text);font-family:Inter,sans-serif}.oo-otp-error{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--oo-error);font-family:Inter,sans-serif;font-weight:500;margin-bottom:16px;background:rgba(239,27,36,.06);border:1px solid rgba(239,27,36,.2);border-radius:8px;padding:10px 12px;line-height:1.4}