@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;overflow-x:hidden}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slideInResult{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutForm{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.page{height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.left-side{background:linear-gradient(145deg,#03224c,#0b4f97);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:fadeInLeft .8s ease both}.left-side:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#e60e0626;top:-80px;right:-80px;pointer-events:none}.left-side:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff0d;bottom:120px;left:-60px;pointer-events:none}.left-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 50px;position:relative;z-index:2}.branding{animation:fadeInLeft .9s .15s ease both;display:flex;flex-direction:column;align-items:center}.logo{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e60e06,#ff645d);color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:2.5px;padding:10px 22px;border-radius:50px;margin-bottom:28px;box-shadow:0 6px 20px #e60e0666;animation:popIn .7s .3s ease both}.branding h1{font-size:2.6rem;line-height:1.22;font-weight:800;margin-bottom:18px;animation:fadeInLeft .9s .35s ease both}.tagline{font-size:.95rem;line-height:1.75;color:#ffffffbf;max-width:340px;animation:fadeInLeft .9s .5s ease both}.right-side{background:#edf4fb;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto;animation:fadeInRight .8s .1s ease both}.card{width:100%;max-width:680px;background:#fff;border-radius:28px;box-shadow:0 24px 60px #00000017;overflow:hidden;animation:fadeInUp .8s .3s ease both;display:flex;flex-direction:column}.badge-bar{width:100%;background-image:linear-gradient(90deg,#03224c,#0b4f97 40%,#1a6fc4,#0b4f97 60%,#03224c);background-size:200% auto;color:#fff;padding:14px 28px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;animation:shimmer 4s linear infinite;flex-shrink:0}.dot{color:#e60e06;font-size:1.1rem;animation:pulseDot 2s ease-in-out infinite}.card-body{padding:32px 40px 28px;display:flex;flex-direction:column;animation:slideInResult .4s ease both}.card-body h2{color:#03224c;font-size:1.45rem;font-weight:800;margin-bottom:24px}form{display:flex;flex-direction:column;gap:18px}.group label{display:block;margin-bottom:8px;color:#03224c;font-weight:700;font-size:.88rem}.optional{font-weight:400;font-size:.78rem;color:#7a96b2;margin-left:5px}.input-box{display:flex;align-items:center;border:2px solid #d8e4f1;background:#f8fbff;border-radius:14px;padding:0 16px;transition:border-color .25s,box-shadow .25s}.input-box:focus-within{border-color:#0b4f97;box-shadow:0 0 0 4px #0b4f971a}.input-box svg{color:#03224c;flex-shrink:0;opacity:.55}.input-box input{width:100%;border:none;background:transparent;padding:14px 12px;font-size:.93rem;font-family:Montserrat,sans-serif;color:#1a1a2e}.input-box input::placeholder{color:#b0c4d8}.input-box input:focus{outline:none}button[type=submit]{border:none;background:linear-gradient(135deg,#03224c,#0b4f97);color:#fff;padding:15px;border-radius:14px;font-weight:700;font-size:.93rem;font-family:Montserrat,sans-serif;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 20px #03224c4d}button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 10px 28px #03224c66}button[type=submit]:active{transform:translateY(0)}.btn-back{border:2px solid #d8e4f1;background:#fff;color:#03224c;padding:9px 18px;border-radius:50px;font-weight:600;font-size:.82rem;font-family:Montserrat,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .18s,border-color .18s,transform .15s}.btn-back:hover{background:#f0f6ff;border-color:#0b4f97;transform:translate(-3px)}.result-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.result-header h2{margin-bottom:0;font-size:1.3rem}.result-view{animation:slideInResult .4s ease both}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.item{background:#f8fbff;border:1px solid #d8e4f1;border-radius:14px;padding:14px 16px;transition:box-shadow .2s,transform .2s}.item:hover{box-shadow:0 6px 18px #03224c14;transform:translateY(-2px)}.item-title{display:block;color:#7a96b2;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.item-value{display:block;color:#03224c;font-weight:700;font-size:.92rem;word-break:break-word}.error{margin-top:16px;background:#fff0ef;color:#e60e06;padding:13px 16px;border-left:5px solid #E60E06;border-radius:11px;font-size:.88rem;animation:fadeInUp .4s ease both}.card-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:24px;padding-top:18px;border-top:1px solid #e8f0f8}.cf-item{display:flex;align-items:center;gap:8px;color:#7a96b2;text-decoration:none;font-size:.78rem;font-weight:500;transition:color .2s}.cf-item:hover{color:#03224c}.cf-item svg{color:#e60e06;font-size:.8rem;flex-shrink:0}@media (max-width: 992px){.page{grid-template-columns:1fr;height:auto;overflow:auto}.left-side{min-height:auto}.left-inner{padding:60px 48px 40px;align-items:flex-start;text-align:left}.branding{align-items:flex-start}.branding h1{font-size:1.9rem}.right-side{padding:0;align-items:flex-start;overflow:visible}.card{border-radius:24px 24px 0 0;max-width:100%;margin-top:-24px;position:relative;z-index:2}.card-body{padding:26px 26px 24px}}@media (max-width: 768px){.left-inner{padding:32px 20px}.logo{font-size:.92rem;padding:8px 18px;margin-bottom:16px}.branding h1{font-size:1.6rem}.tagline{font-size:.86rem}.badge-bar{font-size:.76rem;padding:12px 18px;letter-spacing:1px;gap:8px}.card-body{padding:20px 18px}.card-body h2{font-size:1.2rem;margin-bottom:18px}.input-box input{padding:13px 10px;font-size:.9rem}button[type=submit]{padding:14px;font-size:.9rem}.grid{grid-template-columns:1fr 1fr}.card-footer{gap:8px 14px}.cf-item{font-size:.74rem}}@media (max-width: 480px){.left-inner{padding:26px 16px}.logo{font-size:.86rem;padding:8px 14px;margin-bottom:12px}.branding h1{font-size:1.35rem;margin-bottom:10px}.tagline{font-size:.82rem}.card{border-radius:20px 20px 0 0;margin-top:-18px}.card-body{padding:18px 14px}.badge-bar{font-size:.7rem;padding:11px 12px;letter-spacing:.7px;gap:6px}.input-box{border-radius:12px}.input-box input{padding:12px 8px;font-size:.88rem}button[type=submit]{padding:13px;border-radius:12px;font-size:.87rem}.grid{grid-template-columns:1fr}.item{border-radius:12px;padding:12px 14px}.result-header{gap:10px}.result-header h2{font-size:1.15rem}.card-footer{flex-direction:column;gap:8px}}