:root{--bg:#fff;--b2:#F3F6FB;--tx:#0F1B3D;--mu:#4A5675;--bd:#E1E6F0;--bl:#0B3D9B;--tn:#E8EFFC;--or:#FF5A0A;--oi:#B83B00;--gr:#0F7A36;--nv:#0A1F4D;--btn:#0B3D9B;--ok:#DDF3E4;--okt:#0F5B2A;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:#0B1226;--b2:#131D3B;--tx:#EEF2FF;--mu:#AEB9D6;--bd:#27345F;--bl:#7FA5FF;--tn:#1B2A55;--oi:#FF8A4D;--ok:#12331F;--okt:#8FE0AC}}
:root[data-theme="dark"]{--bg:#0B1226;--b2:#131D3B;--tx:#EEF2FF;--mu:#AEB9D6;--bd:#27345F;--bl:#7FA5FF;--tn:#1B2A55;--oi:#FF8A4D;--ok:#12331F;--okt:#8FE0AC}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 'Plus Jakarta Sans',system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;line-height:1.2}
h1{font-size:clamp(30px,5vw,50px);font-weight:800}
h2{font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 18px}
h3{font-size:16px}
svg{max-width:100%;display:block}
ul{padding-left:20px;line-height:1.8}
.w{max-width:1200px;margin:0 auto;padding:0 20px}
.mu{color:var(--mu)}.sm{font-size:14px}.mt{margin-top:48px}.lk{color:var(--bl);font-weight:600}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--bd)}
.hd{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.hd img{height:44px;display:block;background:#fff;border-radius:10px;padding:2px 8px}
.nv{display:flex;gap:18px;font-weight:600;overflow-x:auto;white-space:nowrap}
.sr{width:100%;height:44px;border:1px solid var(--bd);border-radius:22px;padding:0 18px;background:var(--b2)}
.btn{display:inline-block;border:0;border-radius:28px;padding:14px 26px;font-weight:800;cursor:pointer;text-align:center}
.btn.sm{padding:11px 18px}
.bo{background:var(--or);color:var(--nv)}.bg{background:var(--gr);color:#fff}.bb{background:var(--btn);color:#fff}
.bl{background:none;border:2px solid var(--bl);color:var(--bl);padding:12px 24px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:36px 0}
.tag{display:inline-block;background:var(--tn);color:var(--oi);font-weight:600;font-size:13px;padding:6px 14px;border-radius:20px;margin-bottom:14px}
.hero em{font-style:normal;color:var(--oi)}
.lead{font-size:18px;color:var(--mu);max-width:480px;margin:16px 0 24px}
.row{display:flex;gap:10px;flex-wrap:wrap}
.pn{position:relative;overflow:hidden;background:var(--btn);border-radius:28px;aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;gap:4%;padding:0 6%}
.pn::after{content:"";position:absolute;right:-50px;top:-50px;width:220px;height:220px;border-radius:50%;background:var(--or)}
.pn svg{position:relative;z-index:1;width:46%}.pn .a{fill:var(--nv)}.pn .l{fill:#fff}
.a{fill:var(--bl)}.l{fill:var(--tn)}.o{fill:var(--or)}
.tr{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:14px 0 30px;font-size:14px}
.ct{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}
.ci{background:var(--b2);border-radius:20px;padding:14px 8px;text-align:center;font-weight:600;font-size:14px}.ci svg{width:64px;margin:0 auto 6px}
.gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.cd{border:1px solid var(--bd);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:6px}.cd .btn{margin-top:auto}
.im{background:var(--b2);border-radius:14px;aspect-ratio:4/3;display:grid;place-items:center}.im svg{width:62%}
.pc{font-size:18px}
.bn{margin-top:48px;background:var(--btn);color:#fff;border-radius:28px;padding:clamp(24px,5vw,48px);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.bn h2{color:#fff}.bn p{color:#D5DBE8}
.bu{background:#fff;color:#0F1B3D;border-radius:20px;padding:18px;line-height:1.6;font-size:15px;word-break:break-word}
.br{display:flex;flex-wrap:wrap;gap:10px}.br span{background:var(--b2);border-radius:20px;padding:8px 16px;font-weight:600;font-size:14px}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin:14px 0}
.chip{border:2px solid var(--bd);border-radius:20px;padding:6px 14px;white-space:nowrap;font-size:14px;font-weight:600;background:var(--bg);cursor:pointer}
.on{border-color:var(--bl);background:var(--tn);font-weight:800}
.bc{padding:14px 0;font-size:13px;color:var(--mu)}
.pg{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.gl{display:flex;gap:12px;position:sticky;top:90px}
.tc{display:flex;flex-direction:column;gap:10px}
.th{width:72px;height:72px;border:2px solid var(--bd);border-radius:12px;background:var(--b2);padding:6px;cursor:pointer;overflow:hidden}.th svg{width:100%}
.mn{flex:1;min-width:0;aspect-ratio:5/4;border-radius:24px;background:var(--b2);display:grid;place-items:center;overflow:hidden}.mn svg{width:64%;transition:transform .25s}
.pt{font-size:clamp(22px,3vw,28px);font-weight:800;margin:8px 0 12px}
.bd{display:inline-block;border-radius:16px;padding:4px 12px;font-size:13px;font-weight:800;background:var(--b2)}.bd.ok{background:var(--ok);color:var(--okt)}
.og{margin:14px 0}.ch{border:2px solid var(--bd);border-radius:10px;background:var(--bg);padding:8px 14px;cursor:pointer;font-size:14px}
.pb{background:var(--b2);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px;margin:18px 0}.big{font-size:32px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 14px;font-size:14px;border-top:1px solid var(--bd);vertical-align:top}th{width:34%;color:var(--mu);font-weight:600}
.tb{border:1px solid var(--bd);border-radius:16px;overflow-x:auto}
.cr{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--bd);padding:14px 0;flex-wrap:wrap}.cr .im{width:90px;flex:none}
.qt{display:flex;align-items:center;gap:8px}.qt button{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd);background:var(--bg);cursor:pointer}
footer{background:var(--nv);color:#D5DBE8;margin-top:56px;font-size:14px}
.ft{max-width:1200px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}
.ft img{height:44px;background:#fff;border-radius:12px;padding:6px 10px}.ft b{color:#fff;display:block;margin-bottom:6px}.ft a{display:block;line-height:2}
.nt{border-top:1px solid #1D3470;padding:14px 20px;text-align:center;font-size:13px}
.fw{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:var(--gr);display:grid;place-items:center;z-index:25;border:0;cursor:pointer}
.md{position:fixed;inset:0;background:rgba(10,31,77,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}.md.sh{display:flex}
.mc{background:var(--bg);border-radius:24px;padding:24px;width:min(480px,100%);max-height:90vh;overflow:auto}
.mc label{display:block;font-weight:600;font-size:14px;margin:12px 0}
.mc input,.mc textarea{display:block;width:100%;margin-top:6px;border:1px solid #8A97B5;border-radius:12px;padding:10px 14px;background:var(--bg)}
.mc .btn{width:100%;margin-top:8px}.off{opacity:.6}
.ts{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--nv);color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:60}.ts.sh{opacity:1}
@media(max-width:760px){.hero,.pg,.bn{grid-template-columns:1fr}header{position:static}.srf{order:5;flex-basis:100%}.nv{order:6;flex-basis:100%}.gl{position:static;flex-direction:column-reverse}.tc{flex-direction:row}.th{width:64px;height:64px}.hero{padding-top:20px}}
.srf{flex:1 1 200px;display:flex;margin:0}
.im img{width:100%;height:100%;object-fit:contain;border-radius:14px}
.mn img{width:100%;height:100%;object-fit:contain}
.th img{width:100%;height:100%;object-fit:contain}
.fl{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}
.fl input,.fl select{height:42px;border:1px solid var(--bd);border-radius:21px;padding:0 16px;background:var(--b2)}
.pgn{display:flex;gap:10px;align-items:center;justify-content:center;margin:28px 0}
.doc{max-width:820px;padding-bottom:12px}
.doc h1{font-size:clamp(28px,4vw,40px);margin:6px 0 10px}
.doc h2{font-size:22px;margin:30px 0 8px}
.doc p,.doc li{color:var(--mu)}
.doc .lead{max-width:none}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.steps div{background:var(--b2);border-radius:20px;padding:20px}
.steps b.n{display:block;font-size:24px;color:var(--oi)}
.note{background:var(--tn);border-radius:16px;padding:14px 18px;font-size:14px}
.qe{padding:30px 0}