*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{color:#fff;background:#30322f;font-family:Arial,Helvetica,sans-serif}#root{width:100%;min-height:100vh}.splash{color:#fff;background:linear-gradient(#ff4612 0%,#ff3708 48%,#f42c03 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;padding:25px;display:flex}.logo-box{background:#fff;border-radius:27px;justify-content:center;align-items:center;width:124px;height:124px;animation:.8s ease-out logoStart;display:flex;box-shadow:0 14px 35px #5a000029}.brand{letter-spacing:.3px;margin-top:25px;font-size:40px;font-weight:500;line-height:1;animation:.9s fadeUp}.tagline{letter-spacing:.4px;color:#ffffffe0;margin-top:11px;font-size:18px;font-weight:400;animation:1.05s fadeUp}.loader{border:4px solid #ffffff45;border-top-color:#fff;border-radius:50%;width:45px;height:45px;margin-top:49px;animation:.75s linear infinite spin}.loading-text{letter-spacing:1.2px;color:#ffffffd1;margin-top:16px;font-size:13px;font-weight:500}.page{background:#30322f;width:100%;max-width:430px;min-height:100vh;margin:0 auto}.top-header{background:#f4511e;align-items:center;width:100%;height:104px;padding:0 27px;display:flex;box-shadow:0 3px 7px #00000038}.brand-header{align-items:center;gap:13px;display:flex}.logo{justify-content:center;align-items:center;width:54px;height:54px;display:flex}.brand-text{color:#fff;letter-spacing:.3px;font-size:29px;font-weight:700}.content{padding:25px 27px 45px}.welcome{color:#fff;font-size:21px;font-weight:700;line-height:1.3}.restart{color:#05aaa9;cursor:pointer;align-items:center;gap:7px;margin-top:12px;font-size:17px;text-decoration:underline;display:inline-flex}.error{color:#ffd3c7;text-align:center;background:#5d2923;border:1px solid #f4511e;border-radius:12px;margin-top:18px;padding:12px 14px;font-size:13px}.login-card{background:#494c48;border-radius:22px;width:100%;margin-top:25px;padding:31px 30px 30px}.field-group{margin-bottom:29px}.field-group:last-child{margin-bottom:0}.label{color:#fff;margin-bottom:10px;font-size:17px;font-weight:700;display:block}.input-wrap{background:#f4f4f4;border:3px solid #0000;border-radius:30px;align-items:center;width:100%;height:55px;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.input-wrap:focus-within{border-color:#e4aa18;box-shadow:0 0 0 1px #e4aa1833}.input{color:#646464;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 25px;font-size:17px}.input::placeholder{color:#8a8a8a}.code-wrap{padding-right:0}.code-wrap .input{padding-right:12px}.eye-button{cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;width:68px;min-width:68px;height:100%;display:flex}.eye-button svg{width:28px;height:28px}.login-button{color:#fff;cursor:pointer;background:#f4511e;border:0;border-radius:31px;outline:0;width:100%;height:60px;margin-top:20px;font-size:21px;font-weight:700;transition:transform .12s,background .12s;box-shadow:0 7px 14px #0000001f}.login-button:active{background:#e94717;transform:scale(.985)}.login-button:disabled{opacity:.6;cursor:not-allowed}.divider{background:#454844;height:1px;margin-top:32px}.forgot{text-align:center;color:#07aaa5;margin-top:36px;font-size:17px;text-decoration:underline}.otp-subtitle-text{color:#ccc;margin-top:18px;font-size:15px;line-height:1.5}.otp-stage-text{text-align:center;color:#888;margin-top:20px;font-size:14px}.otp-number-area{justify-content:center;align-items:center;gap:10px;margin-top:30px;display:flex}.otp-number-box{text-align:center;color:#fff;background:0 0;border:0;border-bottom:3px solid #d2d2d2;outline:none;width:48px;height:60px;font-size:28px;font-weight:600;transition:all .2s}.otp-number-box:focus{border-bottom-color:#f4511e}.resend-link{text-align:center;cursor:pointer;margin-top:25px;font-size:16px}.resend-link.active{color:#07aaa5;text-decoration:underline}.resend-link.disabled{color:#666;cursor:not-allowed}.pin-page{color:#111;background:#fff;width:100%;max-width:480px;min-height:100vh;margin:auto;padding:85px 28px 40px}.pin-brand{justify-content:center;align-items:center;gap:17px;display:flex}.pin-logo{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:75px;height:75px;display:flex;box-shadow:0 8px 28px #ff2d002e}.pin-brand-name{letter-spacing:1px;color:#111;font-size:32px;font-weight:900}.pin-title{text-align:center;color:#111;margin-top:75px;font-size:23px;font-weight:500}.pin-error{color:#d92b12;text-align:center;background:#fff0ed;border-radius:10px;margin-top:22px;padding:11px;font-size:14px}.number-area{justify-content:center;align-items:center;gap:15px;margin-top:85px;display:flex}.number-box{text-align:center;color:#222;background:0 0;border:0;border-bottom:3px solid #d2d2d2;outline:none;width:60px;height:60px;font-size:30px;font-weight:600;transition:all .2s}.number-box:focus{border-bottom-color:#ff2d00}.continue-btn{color:#fff;letter-spacing:.7px;cursor:pointer;background:linear-gradient(90deg,#ff4818,#ff2400);border:0;border-radius:14px;width:100%;height:64px;margin-top:48px;font-size:20px;font-weight:800;transition:transform .15s,opacity .15s;box-shadow:0 10px 25px #ff2d002e}.continue-btn:active{opacity:.92;transform:scale(.985)}.continue-btn:disabled{opacity:.6;cursor:not-allowed}.success-page{text-align:center;background:#30322f;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:430px;min-height:100vh;margin:0 auto;padding:40px 27px;display:flex}.success-logo-box{background:#fff;border-radius:22px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:30px;display:flex;box-shadow:0 14px 35px #5a000029}.success-title{color:#fff;margin-bottom:15px;font-size:26px;font-weight:700}.success-text{color:#ccc;max-width:350px;margin-bottom:35px;font-size:16px;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoStart{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.logo-box{border-radius:26px;width:120px;height:120px}.brand{font-size:39px}.tagline{font-size:17px}}@media (width<=380px){.top-header{height:95px;padding-left:22px;padding-right:22px}.content{padding-left:22px;padding-right:22px}.logo{width:48px;height:48px}.brand-text{font-size:26px}.welcome{font-size:20px}.login-card{padding-left:23px;padding-right:23px}.pin-page{padding-left:20px;padding-right:20px}.number-area{gap:10px}.number-box{width:52px}.pin-brand-name{font-size:29px}.pin-logo{width:70px;height:70px}}@media (height<=700px){.top-header{height:90px}.content{padding-top:20px}.login-card{margin-top:20px;padding-top:24px;padding-bottom:24px}.field-group{margin-bottom:22px}.forgot{margin-top:27px}}