@import "https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=PT+Sans:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#036;--navy-dark:#024;--navy-light:#048;--accent-green:#2e7d4f;--accent-green-light:#3a9960;--accent-blue:#1565c0;--white:#fff;--gray-bg:#f4f6f9;--gray-light:#e8ecf1;--gray-mid:#b0bec5;--gray-text:#546e7a;--gold:#c9a84c;--text:#1a2a3a;--danger:#c62828}html{font-size:17px}body{background:var(--gray-bg);color:var(--text);min-height:100vh;font-family:PT Sans,Arial,sans-serif}body.low-vision{color:#ff0;background:#000;font-size:22px}body.low-vision *{color:#ff0!important;border-color:#ff0!important}body.low-vision .header,body.low-vision .footer{background:#111!important}body.low-vision .btn-primary{color:#000!important;background:#ff0!important}body.low-vision .card{background:#111!important}.card{background:var(--white);border-radius:6px;margin-bottom:1.5rem;padding:2rem;box-shadow:0 1px 6px #00000017}.card-title{color:var(--navy);border-bottom:2px solid var(--gray-light);margin-bottom:1rem;padding-bottom:.6rem;font-family:PT Serif,serif;font-size:1.25rem}.alert{border-left:4px solid var(--accent-blue);background:#e3f0fb;border-radius:4px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6}.btn-primary{background:var(--navy);color:var(--white);cursor:pointer;letter-spacing:.02em;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.85rem 2rem;font-family:PT Sans,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .1s;display:inline-flex}.btn-primary:hover{background:var(--navy-light)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--gray-mid);cursor:not-allowed}.btn-secondary{color:var(--navy);border:2px solid var(--navy);cursor:pointer;background:0 0;border-radius:4px;padding:.7rem 1.5rem;font-family:PT Sans,sans-serif;font-size:.95rem;font-weight:700;transition:background .2s}.btn-secondary:hover{background:var(--gray-light)}.btn-green{background:var(--accent-green);color:var(--white);cursor:pointer;border:none;border-radius:4px;padding:.85rem 2rem;font-family:PT Sans,sans-serif;font-size:1rem;font-weight:700;transition:background .2s}.btn-green:hover{background:var(--accent-green-light)}.btn-green:disabled{background:var(--gray-mid);cursor:not-allowed}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--navy-dark);margin-bottom:.4rem;font-size:.9rem;font-weight:700;display:block}.form-group input{border:1.5px solid var(--gray-mid);background:var(--white);border-radius:4px;width:100%;padding:.75rem 1rem;font-family:PT Sans,sans-serif;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #0033661f}.form-group input.error{border-color:var(--danger)}.error-msg{color:var(--danger);margin-top:.3rem;font-size:.82rem}.info-table{border-collapse:collapse;width:100%;font-size:.9rem}.info-table th{background:var(--navy);color:var(--white);text-align:left;padding:.7rem 1rem;font-weight:700}.info-table td{border-bottom:1px solid var(--gray-light);padding:.65rem 1rem}.info-table tr:last-child td{border-bottom:none}.info-table tr:nth-child(2n) td{background:var(--gray-bg)}.status-badge{color:var(--accent-green);background:#e8f5e9;border:1px solid #a5d6a7;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=700px){html{font-size:16px}.grid-2{grid-template-columns:1fr}.card{padding:1.25rem}.main{padding:1.25rem 1rem}}.banner{background:linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 60%, #004080 100%);color:var(--white);text-align:center;border-bottom:2px solid var(--gold);padding:.6rem 1.5rem;font-size:.85rem}.banner strong{color:var(--gold);margin-right:.5rem}.header{background:var(--navy);color:var(--white);z-index:100;padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;min-height:72px;margin:0 auto;padding:.75rem 0;display:flex}.logo{color:var(--white);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-shield{background:var(--gold);clip-path:polygon(50% 0%,100% 15%,100% 60%,50% 100%,0% 60%,0% 15%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.logo-text{line-height:1.2}.logo-text strong{color:var(--white);font-family:PT Serif,serif;font-size:1rem;display:block}.logo-text span{opacity:.8;font-size:.72rem}.header-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-vision{color:var(--white);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:4px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-family:PT Sans,sans-serif;font-size:.82rem;transition:background .2s;display:flex}.btn-vision:hover{background:#ffffff38}.hotline{color:var(--gold);letter-spacing:.02em;font-size:.95rem;font-weight:700}.hotline span{color:#ffffffb3;font-size:.65rem;font-weight:400;display:block}@media (width<=600px){.header-inner{min-height:60px}.logo-text strong{font-size:.88rem}}.spinner-overlay{z-index:1000;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.spinner{border:5px solid #fff3;border-top-color:var(--gold);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{color:#fff;letter-spacing:.04em;text-align:center;padding:0 1rem;font-size:1rem;font-weight:700}.auth-wrapper{max-width:480px;margin:2rem auto}.auth-header{text-align:center;margin-bottom:1.75rem}.logo-shield-lg{background:var(--gold);clip-path:polygon(50% 0%,100% 15%,100% 60%,50% 100%,0% 60%,0% 15%);justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;font-size:2rem;display:flex}.auth-header h2{color:var(--navy);margin-bottom:.5rem;font-family:PT Serif,serif;font-size:1.25rem}.auth-header p{color:var(--gray-text);font-size:.9rem;line-height:1.55}.auth-header strong{color:var(--navy)}.auth-back{color:var(--navy);cursor:pointer;opacity:.7;background:0 0;border:none;margin-bottom:1rem;padding:0;font-family:PT Sans,sans-serif;font-size:.85rem;transition:opacity .2s;display:inline-block}.auth-back:hover{opacity:1}.auth-error{color:#b71c1c;background:#ffebee;border:1px solid #ef9a9a;border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem}.tg-hint{color:#0d47a1;background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.88rem;display:flex}.otp-row{justify-content:center;gap:.6rem;margin-bottom:1.25rem;display:flex}.otp-row input{text-align:center;border:2px solid var(--gray-mid);background:var(--white);width:52px;height:60px;color:var(--navy);caret-color:#0000;border-radius:6px;font-family:PT Serif,serif;font-size:1.5rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.otp-row input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #0033661f}.otp-disabled{opacity:.5}.resend-row{text-align:center;margin-bottom:.5rem;font-size:.85rem}.resend-hint{color:var(--gray-text)}.countdown{color:var(--navy);font-weight:700}.resend-btn{color:var(--navy);cursor:pointer;background:0 0;border:none;padding:0;font-family:PT Sans,sans-serif;font-size:.85rem;font-weight:700;text-decoration:underline}.resend-btn:hover{opacity:.75}.password-wrap{position:relative}.password-wrap input{padding-right:2.8rem}.show-pass-btn{cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;line-height:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.security-note{color:#33691e;background:#f1f8e9;border:1px solid #aed581;border-radius:4px;align-items:flex-start;gap:.5rem;margin-top:1.25rem;padding:.75rem 1rem;font-size:.8rem;display:flex}@media (width<=500px){.otp-row input{width:44px;height:52px;font-size:1.25rem}.otp-row{gap:.4rem}}.calc-hint{color:var(--gray-text);margin-bottom:1rem;font-size:.82rem}.calc-result{text-align:center;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:4px;margin-top:1rem;padding:1.25rem;animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.calc-result__label{color:var(--gray-text);margin-bottom:.5rem;font-size:.88rem}.calc-result__amount{color:var(--accent-green);font-family:PT Serif,serif;font-size:2rem;font-weight:700}.calc-result__diff{color:var(--accent-green);margin-top:.25rem;font-weight:700}.calc-result__note{color:var(--gray-text);margin-top:.5rem;font-size:.78rem}.welcome-bar{background:linear-gradient(135deg, var(--navy-dark), var(--navy-light));color:var(--white);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex}.welcome-bar h2{color:var(--white);margin-bottom:.25rem;font-family:PT Serif,serif;font-size:1.3rem}.welcome-bar p{opacity:.8;font-size:.88rem}.welcome-badge{text-align:center;color:var(--white);background:#ffffff1f;border:1px solid #ffffff40;border-radius:4px;padding:.5rem 1rem;font-size:.82rem}.welcome-badge span{opacity:.75;font-size:.75rem;display:block}.welcome-badge strong{color:var(--gold);font-size:1rem;display:block}.alert-icon{margin-right:.5rem;font-size:1.2rem}.nav-tabs{border-bottom:2px solid var(--gray-light);flex-wrap:wrap;gap:0;margin-bottom:1.5rem;display:flex}.nav-tab{cursor:pointer;color:var(--gray-text);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-family:PT Sans,sans-serif;font-size:.9rem;font-weight:700;transition:color .2s,border-color .2s}.nav-tab.active{color:var(--navy);border-bottom-color:var(--navy)}.nav-tab:hover{color:var(--navy)}@media (width<=600px){.welcome-bar{padding:1.25rem}.nav-tab{padding:.6rem .9rem;font-size:.82rem}}.footer{background:var(--navy-dark);color:#ffffffb3;margin-top:3rem;padding:2rem 1.5rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.footer a{color:#ffffffa6;margin-bottom:.4rem;font-size:.82rem;text-decoration:none;transition:color .2s;display:block}.footer a:hover{color:var(--gold)}.footer-title{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;max-width:1200px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding-top:1rem;font-size:.75rem}