@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--hesab-blue:#01abfd;--hesab-blue-dark:#0094e0;--hesab-blue-deep:#0078b8;--ui-dark-navy:#1a1c1e;--ui-hint-gray:#a0aec0;--dark-gray:#595656;--hesab-green:#4caf50;--hesab-white:#fff;--hesab-light-gray:#f5f5f5;--font-sans:"Poppins", sans-serif;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 8px 40px #0000002e;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--ui-dark-navy);background:var(--hesab-white);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.6}.app-container{max-width:480px;min-height:100vh;box-shadow:var(--shadow-lg);margin:0 auto;position:relative;overflow:hidden}.splash-screen{background:var(--hesab-blue);flex-direction:column;justify-content:center;align-items:center;height:100vh;animation:.5s fadeIn;display:flex}.splash-logo-img{object-fit:contain;width:180px;max-width:60vw;animation:2s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.phone-screen{background:var(--hesab-blue);flex-direction:column;height:100vh;animation:.3s slideInRight;display:flex}.phone-top{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.phone-top .logo-icon-img{object-fit:contain;width:140px;max-width:50vw}.phone-top .logo-text{color:var(--hesab-white);font-size:30px;font-weight:700;font-family:var(--font-sans);margin-top:12px;font-size:30px;font-weight:700}.phone-card{background:var(--hesab-white);border-radius:28px 28px 0 0;padding:32px 24px 24px;animation:.4s slideUp;box-shadow:0 -8px 30px #00000026}.phone-card h2{text-align:center;color:var(--ui-dark-navy);margin-bottom:8px;font-size:24px;font-weight:700}.phone-card .subtitle{text-align:center;color:var(--dark-gray);margin-bottom:24px;font-size:14px}.phone-input-row{border:1.5px solid var(--hesab-blue);border-radius:28px;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.phone-input-row .flag{font-size:24px}.phone-input-row .country-code{color:var(--ui-dark-navy);font-size:16px;font-weight:700}.phone-input-row .divider{background:var(--ui-hint-gray);width:1px;height:24px}.phone-input-row input{color:var(--ui-dark-navy);background:0 0;border:none;outline:none;flex:1;font-size:16px}.phone-input-row input::placeholder{color:var(--ui-hint-gray)}.btn-continue{background:var(--hesab-blue);width:100%;height:56px;color:var(--hesab-white);cursor:pointer;transition:var(--transition);border:none;border-radius:28px;margin-top:20px;font-size:16px;font-weight:600}.btn-continue:hover{background:var(--hesab-blue-dark)}.btn-continue:disabled{cursor:not-allowed;background:#ccc}.phone-card .email-link{text-align:center;color:var(--hesab-blue);cursor:pointer;margin-top:16px;font-size:16px}.phone-card .terms{text-align:center;color:var(--dark-gray);margin-top:24px;font-size:12px}.pin-screen{background:var(--hesab-blue);flex-direction:column;height:100vh;animation:.3s slideInRight;display:flex;position:relative}.pin-back{width:48px;height:48px;color:var(--hesab-white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;top:16px;left:16px}.pin-back svg{width:22px;height:22px}.pin-header{flex-direction:column;align-items:center;padding:48px 0 24px;display:flex}.pin-lock-icon{width:56px;height:56px;color:var(--hesab-white);background:#ffffff2e;border:1.5px solid #ffffff40;border-radius:18px;justify-content:center;align-items:center;display:flex}.pin-lock-icon svg{width:28px;height:28px}.pin-title{color:var(--hesab-white);letter-spacing:-.3px;margin-top:16px;font-size:24px;font-weight:700}.pin-card{background:var(--hesab-white);border-radius:28px 28px 0 0;flex-direction:column;flex:1;padding:16px 24px 24px;animation:.4s slideUp;display:flex}.pin-handle{background:#e0e0e0;border-radius:2px;width:48px;height:4px;margin:0 auto 28px}.pin-instruction{text-align:center;color:var(--dark-gray);padding:0 8px;font-size:15px;line-height:1.6}.pin-phone-display{color:var(--dark-gray)}.pin-epin-label{color:var(--ui-dark-navy);margin-top:16px;font-size:16px;font-weight:700}.pin-digits{justify-content:center;gap:8px;margin-top:32px;padding:0 4px;display:flex}.pin-digit-box{aspect-ratio:1;border:1.5px solid var(--ui-hint-gray);text-align:center;min-width:42px;max-width:56px;color:var(--ui-dark-navy);background:var(--hesab-white);border-color:var(--ui-hint-gray);border-radius:16px;outline:none;flex:1;padding:0;font-size:22px;font-weight:700;transition:border-color .2s,box-shadow .2s}.pin-digit-box:focus{border-color:var(--ui-dark-navy);box-shadow:0 0 0 1.5px var(--ui-dark-navy)}.pin-digit-box.filled{border-color:var(--hesab-blue);color:var(--ui-dark-navy)}.pin-digit-box.filled:focus{border-color:var(--ui-dark-navy);box-shadow:0 0 0 1.5px var(--ui-dark-navy)}.pin-paste{text-align:right;color:var(--ui-dark-navy);cursor:pointer;margin-top:18px;padding-right:4px;font-size:14px;font-weight:700}.btn-verify{cursor:pointer;width:100%;height:56px;transition:var(--transition);border:none;border-radius:28px;margin-top:32px;font-size:16px;font-weight:600}.btn-verify.enabled{background:var(--hesab-blue);color:var(--hesab-white)}.btn-verify.enabled:hover{background:var(--hesab-blue-dark)}.btn-verify.disabled{color:var(--hesab-white);cursor:not-allowed;background:#e5e5e5}.otp-screen{background:var(--hesab-white);flex-direction:column;height:100vh;animation:.3s slideInRight;display:flex}.otp-header-image{background:var(--hesab-blue);justify-content:center;align-items:center;width:100%;height:220px;display:flex;overflow:hidden}.otp-header-img{object-fit:contain;width:100%;height:100%;padding:20px}.otp-body{flex-direction:column;flex:1;padding:24px;display:flex}.otp-title{color:var(--ui-dark-navy);font-size:32px;font-weight:800}.otp-subtitle{color:var(--ui-dark-navy);margin-top:8px;font-size:16px}.otp-digits{justify-content:center;gap:8px;margin-top:32px;padding:0 4px;display:flex}.otp-digit-box{aspect-ratio:1;border:1.5px solid var(--ui-hint-gray);text-align:center;min-width:42px;max-width:56px;color:var(--ui-dark-navy);background:var(--hesab-white);border-radius:16px;outline:none;flex:1;padding:0;font-size:22px;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s}.otp-digit-box:focus{border-color:var(--ui-dark-navy);box-shadow:0 0 0 1.5px var(--ui-dark-navy)}.otp-digit-box.filled{border-color:var(--hesab-blue)}.otp-digit-box.filled:focus{border-color:var(--ui-dark-navy);box-shadow:0 0 0 1.5px var(--ui-dark-navy)}.otp-digit-box.error{background:#ffebee;border-color:#e53935}.otp-digit-box.error:focus{border-color:#e53935;box-shadow:0 0 0 1.5px #e53935}.otp-digit-box:disabled{opacity:.6;cursor:not-allowed}.otp-paste-row{justify-content:flex-end;margin-top:18px;padding-right:4px;display:flex}.otp-paste{color:var(--ui-dark-navy);cursor:pointer;font-size:14px;font-weight:700}.otp-error{text-align:center;color:#e53935;margin-top:16px;font-size:15px;font-weight:700}.otp-timer{text-align:center;color:var(--ui-hint-gray);margin-top:20px;font-size:15px}.otp-timer.clickable{color:var(--hesab-blue);cursor:pointer;font-weight:600}.btn-submit{background:var(--hesab-blue);width:calc(100% - 24px);height:56px;color:var(--hesab-white);cursor:pointer;transition:var(--transition);border:none;border-radius:7px;margin:0 12px 16px;font-size:18px;font-weight:600}.btn-submit:hover{background:var(--hesab-blue-dark)}.btn-submit:disabled{cursor:not-allowed;background:#ccc}.success-screen{background:var(--hesab-blue);flex-direction:column;height:100vh;animation:.5s fadeIn;display:flex}.success-body{flex-direction:column;flex:1;align-items:center;padding:80px 24px 24px;display:flex;overflow-y:auto}.success-icon{background:var(--hesab-white);width:120px;height:120px;color:var(--hesab-green);box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;font-size:60px;animation:.5s scaleIn;display:flex}.success-title{color:var(--hesab-white);text-align:center;margin-top:48px;font-size:32px;font-weight:700}.success-desc{color:var(--hesab-white);text-align:center;max-width:360px;margin-top:24px;font-size:18px;line-height:1.6}.success-spinner{border:4px solid #ffffff4d;border-top-color:var(--hesab-white);border-radius:50%;width:48px;height:48px;margin-top:48px;animation:.8s linear infinite spin}.btn-finish{background:var(--hesab-white);width:calc(100% - 24px);height:56px;color:var(--dark-gray);cursor:pointer;transition:var(--transition);border:none;border-radius:7px;margin:0 12px 16px;font-size:20px;font-weight:600}.btn-finish:hover{background:#f0f0f0}@media (width<=480px){.app-container{box-shadow:none}.pin-digit-box{width:44px}}@media (width<=360px){.pin-digit-box{width:38px;height:48px;font-size:20px}.pin-digits{gap:4px}}