
/* FRONT-END UI V2 — safe layer over existing app.css */
.front-home,.front-success,.front-track{background:#f7f8fb}.front-kicker{display:flex;align-items:center;gap:9px;color:#d62e2e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.15px}.front-kicker>span{width:22px;height:2px;background:#d62e2e;border-radius:2px}.front-kicker.centered{justify-content:center}.front-hero{padding:78px 0 72px;background:radial-gradient(circle at 82% 16%,#fff2f1 0,transparent 25%),linear-gradient(180deg,#fff 0,#fafbfe 100%)}.front-hero-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:68px;align-items:center}.front-hero-copy h1{font-size:58px;line-height:1.04;letter-spacing:-3px;margin:18px 0 19px;max-width:760px}.front-hero-copy h1 em{font-style:normal;color:#d62e2e}.front-hero-copy>p{font-size:16px;line-height:1.75;color:#697185;max-width:650px;margin:0}.front-hero-actions{display:flex;gap:11px;margin-top:28px}.front-btn{border-radius:13px;padding:14px 18px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s ease;border:1px solid transparent}.front-btn:hover{transform:translateY(-1px)}.front-btn.primary{background:#111b43;color:#fff;box-shadow:0 9px 24px rgba(17,27,67,.12)}.front-btn.primary:hover{background:#d62e2e}.front-btn.secondary{background:#fff;color:#172142;border-color:#e0e4eb}.front-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#737b8d;font-size:10px;font-weight:650}.front-trust span:before{content:'✓';color:#0c8a5d;margin-right:6px}.visa-selector-card{background:#fff;border:1px solid #eaedf2;border-radius:24px;padding:19px;box-shadow:0 28px 70px rgba(20,29,61,.08)}.visa-selector-head{display:flex;align-items:flex-start;justify-content:space-between;padding:5px 5px 15px}.visa-selector-head span{font-size:9px;letter-spacing:1px;font-weight:800;color:#9aa1b0}.visa-selector-head h3{font-size:20px;margin:5px 0 0;letter-spacing:-.5px}.cn-badge{width:42px;height:42px;background:#fff0ef;color:#d62e2e;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900}.visa-option{display:flex;align-items:center;justify-content:space-between;padding:17px 5px;border-top:1px solid #eff1f5;transition:.18s}.visa-option:hover{padding-left:10px}.visa-option b,.visa-option small{display:block}.visa-option b{font-size:13px}.visa-option small{font-size:9px;color:#9298a8;margin-top:4px}.visa-option>div:last-child{display:flex;align-items:center;gap:10px}.visa-option strong{font-size:15px}.visa-option i{font-style:normal;color:#d62e2e}.visa-selector-foot{margin-top:7px;border-radius:14px;background:#f7f9fc;padding:13px 14px;display:flex;justify-content:space-between;gap:10px}.visa-selector-foot span{font-size:9px;color:#9298a8}.visa-selector-foot b{font-size:9px}.front-how{padding:72px 0 82px;background:#f3f5f8}.front-section-head{max-width:650px;margin-bottom:26px}.front-section-head h2{font-size:37px;letter-spacing:-1.6px;margin:12px 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.how-grid article{background:#fff;border:1px solid #e8ebf0;border-radius:19px;padding:24px}.how-grid article>span{font-size:9px;color:#d62e2e;font-weight:800}.how-grid h3{font-size:17px;margin:22px 0 7px}.how-grid p{margin:0;color:#7c8393;font-size:12px;line-height:1.7}.front-office{margin-top:14px;background:#111b43;color:#fff;border-radius:19px;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.front-office small,.front-office b{display:block}.front-office small{font-size:8px;letter-spacing:1px;color:#aab2cb;margin-bottom:6px}.front-office b{font-size:11px;line-height:1.6}.front-success{padding:58px 0 80px}.success-panel-v2{max-width:790px;margin:auto;background:#fff;border:1px solid #e6eaf0;border-radius:27px;padding:44px;box-shadow:0 25px 70px rgba(20,29,61,.06);text-align:center}.success-icon-v2{width:60px;height:60px;border-radius:50%;background:#eaf8f1;color:#0b895d;display:grid;place-items:center;font-size:24px;margin:0 auto 17px}.success-panel-v2 h1{font-size:36px;letter-spacing:-1.5px;margin:13px 0 9px}.success-lead{max-width:540px;margin:0 auto;color:#7f8798;font-size:12px;line-height:1.7}.application-id-v2{max-width:450px;margin:22px auto;background:#f6f8fb;border-radius:16px;padding:19px}.application-id-v2 small,.application-id-v2 strong{display:block}.application-id-v2 small{font-size:8px;letter-spacing:1.1px;color:#969dac}.application-id-v2 strong{font-size:24px;margin-top:6px;letter-spacing:.4px}.success-next-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;text-align:left;margin-top:20px}.success-next-grid article{border:1px solid #e7eaf0;border-radius:16px;padding:18px}.success-next-grid span{font-size:8px;color:#d62e2e;font-weight:800}.success-next-grid h3{font-size:12px;margin:10px 0 6px}.success-next-grid p{font-size:9px;line-height:1.6;color:#858d9e;margin:0}.success-actions-v2{display:flex;justify-content:center;gap:9px;margin-top:22px}.success-support{font-size:9px;color:#a0a6b3;margin-top:15px}.front-track{padding:58px 0 82px}.track-intro{max-width:650px;margin:0 auto 24px;text-align:center}.track-intro .front-kicker{justify-content:center}.track-intro h1{font-size:38px;letter-spacing:-1.6px;margin:12px 0 7px}.track-intro p{font-size:12px;color:#858c9c;margin:0}.track-card-v2{max-width:880px;margin:auto;background:#fff;border:1px solid #e7eaf0;border-radius:23px;padding:24px;box-shadow:0 23px 60px rgba(20,29,61,.05)}.track-search-v2{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.track-search-v2 label span{display:block;font-size:9px;font-weight:800;color:#657087;margin-bottom:6px}.track-search-v2 input{width:100%;border:1px solid #dfe3ea;border-radius:12px;padding:13px 14px;font:inherit;font-size:12px;outline:0}.track-search-v2 input:focus{border-color:#8a93a7;box-shadow:0 0 0 3px rgba(17,27,67,.05)}.track-error-v2{margin-top:14px;background:#fff0ef;color:#b92c2c;border-radius:12px;padding:12px 14px;font-size:10px}.track-result-v2{margin-top:18px;border-top:1px solid #edf0f4;padding-top:20px}.track-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.track-result-head small{font-size:8px;color:#969dad;letter-spacing:1px}.track-result-head h2{font-size:22px;margin:5px 0}.track-status-pill{padding:7px 10px;border-radius:999px;background:#eef2ff;color:#16245c;font-size:9px;font-weight:800}.track-meta-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.track-meta-v2>div{background:#f8f9fc;border-radius:13px;padding:13px}.track-meta-v2 span,.track-meta-v2 b{display:block}.track-meta-v2 span{font-size:8px;color:#9299a9;margin-bottom:4px}.track-meta-v2 b{font-size:10px}.track-current-v2{margin-top:14px;background:#111b43;color:#fff;border-radius:15px;padding:16px}.track-current-v2 small,.track-current-v2 strong{display:block}.track-current-v2 small{font-size:8px;color:#aeb6cf;letter-spacing:1px}.track-current-v2 strong{font-size:15px;margin-top:5px}.track-requests-v2{margin-top:16px}.track-subtitle{font-size:11px;font-weight:800;margin-bottom:7px}.track-request-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0f4}.track-request-row b{font-size:10px}.track-request-row p{font-size:9px;color:#858c9d;margin:3px 0 0}.track-request-row>span{font-size:9px;color:#a55f09}
@media(max-width:900px){.front-hero-grid{grid-template-columns:1fr}.front-hero-copy h1{font-size:48px}.visa-selector-card{max-width:650px}.track-meta-v2{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.front-hero{padding:42px 0 50px}.front-hero-copy h1{font-size:38px;letter-spacing:-2px}.front-hero-copy>p{font-size:13px}.front-hero-actions,.success-actions-v2{flex-direction:column}.front-hero-actions .front-btn,.success-actions-v2 .front-btn{width:100%}.how-grid,.front-office,.success-next-grid{grid-template-columns:1fr}.front-how{padding:52px 0}.front-section-head h2{font-size:29px}.success-panel-v2{padding:28px 18px;border-radius:20px}.success-panel-v2 h1{font-size:29px}.track-card-v2{padding:18px}.track-search-v2{grid-template-columns:1fr}.track-search-v2 .front-btn{width:100%}.track-meta-v2{grid-template-columns:1fr}.track-result-head{flex-direction:column}.front-track{padding:42px 0 60px}}
