body{display:none}@font-face{font-family:MTN Brighter Sans Arabic;src:url(https://s3.eu-central-1.wasabisys.com/mcnt.mobi-mind.mobi/CG/0/MTNBrighterSansArabic.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{background-color:gold;min-height:100vh;display:flex!important;justify-content:center;align-items:start;padding:20px}*,body{font-family:MTN Brighter Sans Arabic,Arial,sans-serif}.wrapper{max-width:400px;flex-direction:column;background-color:#fafafa;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1)}.header,.wrapper{width:100%;display:flex}.header{background-color:#000;height:60px;align-items:center;justify-content:flex-end;padding:0 20px}.mtn-logo{height:40px;width:auto;filter:brightness(0) invert(1)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 30px;background-color:#fafafa}.title{font-size:40px;font-weight:700;line-height:1.2;color:#000;text-align:center}.content-panel{background-color:#fafafa;border-radius:15px;padding:16px 0;width:100%;text-align:center}.instruction{color:#202020;font-size:14px;font-weight:500;margin-bottom:10px}.description{color:0;font-size:14px;padding:1rem;line-height:1.4;font-weight:400;text-align:center;color:#202020}.phone-input-container{position:relative;width:100%;margin-bottom:16px}.phone-input{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:40px;background-color:#fff;font-size:16px;font-family:MTN Brighter Sans Arabic,Arial,sans-serif;text-align:center;outline:none;transition:border-color .3s ease}.phone-input:focus{border-color:gold;background-color:#fff}.phone-input.error{border-color:red;background-color:#fff5f5}.error-message{color:red;font-size:12px;margin-top:5px;margin-bottom:10px;text-align:center;display:none}.error-message.show{display:block}.phone-icon{position:absolute;left:15px;top:24px;transform:translateY(-50%);width:18px;height:18px}.phone-icon svg{width:100%;height:100%}.phone-input::-moz-placeholder{color:#666}.phone-input::placeholder{color:#666}.continue-btn{width:100%;padding:15px;background-color:gold;color:#000;border:none;border-radius:48px;font-size:18px;font-family:MTN Brighter Sans Arabic,Arial,sans-serif;font-weight:700;cursor:pointer;margin-bottom:20px;transition:background-color .3s ease}.continue-btn:hover{background-color:#e8c500}.service-info{color:202020;line-height:1.4}.service-info,.sub-instruction{font-size:12px;text-align:center}.sub-instruction{color:#000;margin-bottom:20px}.otp-input-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px;direction:ltr}.otp-input{width:45px;height:45px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;font-size:20px;font-family:MTN Brighter Sans Arabic,Arial,sans-serif;font-weight:700;text-align:center;outline:none;transition:border-color .3s ease;-moz-appearance:textfield}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number]{-moz-appearance:textfield}.otp-input:focus{border-color:gold}.otp-input.error{border-color:red;background-color:#fff5f5}.resend-section{text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px}.resend-text{color:#666;font-size:12px;margin:0}.resend-btn{background:none;border:none;color:gold;font-size:12px;font-family:MTN Brighter Sans Arabic,Arial,sans-serif;font-weight:700;cursor:pointer;text-decoration:underline;transition:color .3s ease}.resend-btn:hover{color:#e8c500}.resend-btn:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}@media (max-width:480px){body{padding:20px}.wrapper{max-width:100%}.title{font-size:36px;margin-bottom:8px}.main-content{padding:30px 20px}.content-panel{padding:20px 8px}.instruction{font-size:16px}.service-info{font-size:13px}.otp-input-container{gap:12px}.otp-input{width:45px;height:45px;font-size:18px}}