:root{--bg:#f5f9fd;--surf:#fff;--ink:#0b2447;--mut:#4d607a;--line:#dbe5f0;--pri:#1558c0;--onpri:#fff;--navy:#0b2a5b;--acc:#eaf3fb;--mint:#e5f5ee;--gain:#0b7a55;--warn:#b45309;--hd:"Plus Jakarta Sans",system-ui,sans-serif;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0a1626;--surf:#112036;--ink:#e8eefb;--mut:#9fb2cd;--line:#223652;--pri:#6f9bff;--onpri:#071126;--navy:#2a5aa8;--acc:#14284a;--mint:#0f2d28;--gain:#3fd1a0;--warn:#fbbf24;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0a1626;--surf:#112036;--ink:#e8eefb;--mut:#9fb2cd;--line:#223652;--pri:#6f9bff;--onpri:#071126;--navy:#2a5aa8;--acc:#14284a;--mint:#0f2d28;--gain:#3fd1a0;--warn:#fbbf24;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--hd)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--surf);z-index:10}
a{color:var(--pri)}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:11;background:var(--surf);border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;gap:12px;min-height:72px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;margin-right:auto;line-height:1.15}
.logo b{display:block;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.logo i{font-style:normal;color:var(--pri)}.logo small{display:block;font-size:.7rem;color:var(--mut);font-weight:500}
#nav{display:flex;gap:6px}
#nav a{padding:10px 14px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.93rem;white-space:nowrap;border-bottom:3px solid transparent}
#nav a:hover{color:var(--pri)}#nav a[aria-current]{color:var(--pri);border-bottom-color:var(--pri)}
@media(max-width:860px){#nav{order:3;width:100%;overflow-x:auto}.logo small{display:none}}
.th{border:1px solid var(--line);background:none;color:var(--ink);border-radius:8px;width:38px;height:38px;cursor:pointer;font-size:1rem}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.1rem}
p{margin:0 0 1em}.lead{font-size:1.1rem;color:var(--mut);max-width:62ch}
.ey{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:0 0 10px}
.hero{background:linear-gradient(100deg,var(--acc),var(--bg));padding:52px 0}
.hg{display:grid;gap:32px;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center}
@media(max-width:860px){.hg,.g2,.panel{grid-template-columns:1fr}.hero{padding:36px 0}}
.chk{display:flex;flex-wrap:wrap;gap:12px 22px;margin:22px 0 0;padding:0;list-style:none;font-size:.9rem;font-weight:600}
.chk li::before{content:"\2713";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gain);color:#fff;font-size:.7rem;margin-right:8px}
.ill{width:100%;max-width:400px;justify-self:center}.ill .p{fill:var(--surf);stroke:var(--line)}.ill text{fill:var(--ink);font-family:var(--hd)}
.btn{display:inline-block;padding:11px 20px;border-radius:8px;background:var(--pri);color:var(--onpri);font-weight:700;font-size:.92rem;text-decoration:none;border:1.5px solid var(--pri);margin:0 8px 8px 0}
.btn.d{background:var(--navy);border-color:var(--navy);color:#fff}
.card{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:22px}
.sec{padding-top:44px;padding-bottom:44px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:22px}.sh a{font-weight:700;font-size:.9rem;text-decoration:none}.sh p{margin:0}
.grid,.grid3{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
a.card{text-decoration:none;color:inherit}a.card:hover{border-color:var(--pri)}a.card p{color:var(--mut);margin:0;font-size:.92rem}
.tc p{color:var(--mut);font-size:.93rem}.tc small{display:block;color:var(--mut);margin-top:12px;font-size:.82rem}
.ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;margin-bottom:14px;background:#dbeafe}.ic.g{background:#d1f0e2}.ic.v{background:#e7dcfa}
.panel{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px;padding-top:0}
.gs{background:var(--mint);border-radius:14px;padding:32px;display:flex;gap:24px;align-items:center}.gs .big{font-size:4.5rem;line-height:1}
.ql{list-style:none;margin:0;padding:0}.ql a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.92rem}.ql a:hover{color:var(--pri)}
.gc{padding:0;overflow:hidden}.gc h3{font-size:1rem;padding:14px 16px 4px;margin:0}.gc p{padding:0 16px 16px}
.gh{height:104px;display:grid;place-items:center;font-size:2.4rem;background:linear-gradient(135deg,#cfe3f7,#e5f5ee)}.gh.b{background:linear-gradient(135deg,#d6e8d8,#bcd8f2)}.gh.c{background:linear-gradient(135deg,#e8e2d4,#f4efe6)}.gh.d{background:linear-gradient(135deg,#dfe6ef,#f1ead5)}
.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:10px 0 0;color:var(--mut)}
.g2{display:grid;gap:20px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:14px}
input,select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}
:focus-visible{outline:3px solid var(--pri);outline-offset:2px}
.rw{display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr;gap:8px;margin-bottom:8px}.rw input{margin:0;padding:9px}.hdr span{font-size:.8rem;color:var(--mut);font-weight:600}
@media(max-width:560px){.rw{grid-template-columns:1fr 1fr}.hdr{display:none}}
.sts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:16px}
.st{background:var(--acc);border-radius:10px;padding:14px}.st span,.st small{display:block;font-size:.82rem;color:var(--mut)}.st b{font-size:1.45rem;font-weight:800;color:var(--pri)}.st.g b{color:var(--gain)}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.br{margin-bottom:12px}.br div:first-child{display:flex;justify-content:space-between;font-size:.92rem;font-weight:600}
.bar{height:10px;background:var(--line);border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--pri)}
.warn{color:var(--warn);font-weight:600}.mut{color:var(--mut)}.pr{max-width:70ch}.pr h2{margin-top:1.4em}
footer{background:#0a2147;color:#cbd9ef;padding:34px 0 22px;margin-top:40px;font-size:.88rem}
footer a{color:#fff;text-decoration:none}.fg{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.fg .logo{color:#fff}.fg .logo i{color:#8fb4ff}.fg p{margin:8px 0 0}
.fl{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-start}
.fb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #254173;margin-top:22px;padding-top:16px;font-size:.8rem;color:#9fb6da}
@media(max-width:860px){.hg,.g2,.panel{grid-template-columns:minmax(0,1fr)}.hero{padding:36px 0}.gs{flex-direction:column;align-items:flex-start;padding:24px}}@media(max-width:560px){.logo b{font-size:1.15rem}.th{order:2}.sh{align-items:flex-start}}

.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:20;border-radius:6px}
.bc{font-size:.85rem;color:var(--mut);margin-bottom:12px}.bc a{color:var(--mut)}
.guide{max-width:74ch}.guide ul{padding-left:1.25em}.guide li{margin:.35em 0}.guide h2{margin-top:1.6em}.guide h3{margin:1.2em 0 .3em;font-size:1.05rem}
body{display:flex;flex-direction:column;min-height:100vh;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}main{flex:1 0 auto}footer{margin-top:40px}
.meta{color:var(--mut);font-size:.88rem}.rel{margin-top:28px}a.card.gc{display:block}.card.ex{margin-top:20px}