:root { --ink:#10243b; --muted:#637388; --paper:#f7fafc; --line:#dce5ee; --blue:#1161a9; --blue-deep:#0a3b6d; --aqua:#d9f2ef; --gold:#e8bb51; --white:#fff; --danger:#9d3030; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:var(--paper); line-height:1.55; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1140px, calc(100% - 40px)); margin:auto; }
.skip { position:absolute; left:-999px; top:0; padding:10px; background:white; z-index:99; }.skip:focus { left:12px; top:12px; }
.nav { position:sticky; top:0; z-index:10; background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(8px); }
.navin { height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; font-size:.9rem; letter-spacing:.04em; }.brand-mark { width:35px; height:35px; border-radius:10px; display:grid; place-items:center; background:var(--blue-deep); color:white; font-weight:900; }
.links { display:flex; align-items:center; gap:22px; color:#34516d; font-size:.9rem; }.links a:hover { color:var(--blue); }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 19px; border-radius:7px; background:var(--blue); color:white; border:1px solid var(--blue); font-weight:700; cursor:pointer; transition:.2s; }.button:hover { background:var(--blue-deep); border-color:var(--blue-deep); }.button.secondary { background:transparent; color:var(--blue); }.button.small { min-height:38px; padding:0 14px; font-size:.88rem; }
.eyebrow { margin:0 0 14px; color:var(--blue); text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; font-weight:800; }
.hero { padding:88px 0 72px; background:linear-gradient(118deg,#f8fcff 0%,#e7f3fa 54%,#e7f6f0 100%); overflow:hidden; }.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:68px; }.hero h1 { font-size:clamp(2.25rem,5vw,4.45rem); letter-spacing:-.055em; max-width:760px; line-height:1.04; margin:0 0 21px; }.hero h1 strong { color:var(--blue); }.lead { color:#3d5871; font-size:1.16rem; max-width:650px; margin:0 0 28px; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.assurance { margin-top:26px; color:#4d667c; font-size:.9rem; display:flex; align-items:center; gap:9px; }.dot { width:9px; height:9px; border-radius:50%; background:#168c75; }
.hero-card { border:1px solid rgba(25,83,130,.15); background:rgba(255,255,255,.83); border-radius:18px; padding:29px; box-shadow:0 20px 45px rgba(34,76,112,.10); }.card-kicker { color:var(--blue); font-weight:800; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; }.hero-card h2 { margin:11px 0 16px; font-size:1.55rem; letter-spacing:-.03em; }.hero-card p { color:var(--muted); margin:0; }.micro-list { list-style:none; padding:0; margin:21px 0 0; }.micro-list li { display:flex; align-items:flex-start; gap:10px; margin:11px 0; color:#34516d; font-size:.91rem; }.tick { color:#07846e; font-weight:900; }
.section { padding:80px 0; }.section.alt { background:white; }.section-heading { max-width:720px; margin-bottom:36px; }.section h2 { letter-spacing:-.04em; font-size:clamp(1.8rem,3vw,2.65rem); margin:0 0 12px; }.section-heading p { margin:0; color:var(--muted); }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.info-card { background:var(--paper); border:1px solid var(--line); border-radius:12px; padding:24px; }.info-card .number { color:var(--blue); font-weight:850; font-size:.8rem; letter-spacing:.1em; }.info-card h3 { margin:11px 0 8px; font-size:1.13rem; }.info-card p { margin:0; color:var(--muted); font-size:.94rem; }
.verification { display:grid; grid-template-columns:1fr 1.08fr; border-radius:18px; overflow:hidden; background:var(--blue-deep); color:white; }.verification-copy { padding:45px; }.verification h2 { margin:0 0 13px; font-size:2.1rem; letter-spacing:-.04em; }.verification p { color:#d5e7f5; }.verification-panel { background:#f5fbff; padding:38px; color:var(--ink); }.verification-panel h3 { margin:0 0 15px; font-size:1.28rem; }.verification-panel ul { margin:0; padding-left:18px; color:#4d667c; }.verification-panel li { margin-bottom:9px; }
.company-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.legal-card { padding:28px; background:white; border:1px solid var(--line); border-radius:12px; }.legal-card h3 { margin:0 0 16px; }.legal-card dl { margin:0; display:grid; grid-template-columns:145px 1fr; gap:10px 16px; font-size:.93rem; }.legal-card dt { color:var(--muted); }.legal-card dd { margin:0; font-weight:600; }.notice { padding:20px 22px; border-left:4px solid var(--gold); border-radius:0 8px 8px 0; background:#fff9e9; color:#61511f; font-size:.93rem; }
.footer { background:#091d31; color:#d8e2ea; padding:52px 0 24px; }.footer-grid { display:grid; grid-template-columns:1.4fr .7fr .9fr; gap:34px; }.footer h3 { color:white; margin:0 0 13px; font-size:.95rem; }.footer p, .footer li { color:#aebfce; font-size:.88rem; }.footer ul { list-style:none; padding:0; margin:0; }.footer li { margin:8px 0; }.footer-bottom { margin-top:35px; padding-top:18px; border-top:1px solid #284158; font-size:.8rem; color:#93a8ba; }
.page-hero { padding:64px 0 44px; background:linear-gradient(120deg,#ecf7f9,#f6fbff); }.page-hero h1 { margin:0 0 12px; font-size:clamp(2.1rem,4vw,3.5rem); letter-spacing:-.05em; }.page-hero p { color:var(--muted); max-width:700px; margin:0; }
.portal-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:22px; align-items:start; padding:46px 0 80px; }.portal-aside { border-radius:14px; padding:29px; background:var(--blue-deep); color:white; }.portal-aside p { color:#d3e4f2; }.portal-aside ul { padding:0; margin:22px 0 0; list-style:none; }.portal-aside li { padding:11px 0; border-top:1px solid rgba(255,255,255,.16); color:#dceaf5; font-size:.92rem; }.portal-card { border:1px solid var(--line); background:white; border-radius:14px; padding:34px; box-shadow:0 10px 30px rgba(26,59,88,.06); }.portal-card h2 { margin:0; letter-spacing:-.035em; }.portal-card > p { color:var(--muted); margin:8px 0 22px; }.tabs { display:flex; border-bottom:1px solid var(--line); margin-bottom:25px; }.tab { appearance:none; border:0; background:none; padding:12px 16px; color:var(--muted); cursor:pointer; font:inherit; font-weight:700; border-bottom:3px solid transparent; }.tab.active { color:var(--blue); border-bottom-color:var(--blue); }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.field { display:flex; flex-direction:column; gap:7px; margin-bottom:16px; }.field.full { grid-column:1 / -1; }.field label { font-size:.9rem; font-weight:700; }.field input { min-height:46px; width:100%; border:1px solid #c9d6e1; border-radius:7px; padding:0 12px; color:var(--ink); font:inherit; }.field input:focus { outline:3px solid rgba(17,97,169,.15); border-color:var(--blue); }.help { color:var(--muted); font-size:.82rem; margin:0; }.checkbox { display:flex; gap:9px; align-items:flex-start; color:#456079; font-size:.86rem; margin:4px 0 19px; }.checkbox input { margin-top:4px; accent-color:var(--blue); }.form-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }.status { min-height:22px; font-size:.9rem; margin:13px 0 0; }.status.error { color:var(--danger); }.status.success { color:#087263; }.otp-row { display:grid; grid-template-columns:1fr auto; gap:10px; }.hidden { display:none !important; }
.portal-single { width:min(520px, calc(100% - 40px)); margin:0 auto; padding:78px 0 92px; }.portal-single h1 { margin:0 0 31px; font-size:clamp(2rem,4vw,3rem); text-align:center; letter-spacing:-.05em; }.portal-single .portal-card { padding:32px; }.login-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:8px; }.login-actions .button { width:100%; }.button:disabled { opacity:.55; cursor:not-allowed; }
.article { max-width:850px; padding:58px 0 82px; }.article h1 { font-size:2.5rem; letter-spacing:-.04em; }.article h2 { margin-top:37px; letter-spacing:-.03em; }.article p, .article li { color:#405970; }.article .updated { color:var(--muted); }
@media (max-width:800px) { .links a:not(.button) { display:none; }.hero { padding:62px 0 52px; }.hero-grid,.verification,.portal-layout { grid-template-columns:1fr; gap:25px; }.cards { grid-template-columns:1fr; }.company-grid,.footer-grid { grid-template-columns:1fr; }.verification-copy,.verification-panel { padding:31px; }.hero-card { display:none; }.legal-card dl { grid-template-columns:1fr; gap:3px; }.form-grid { grid-template-columns:1fr; }.field.full { grid-column:auto; } }