:root{--navy:#0F2447;--navy2:#16315F;--navy3:#1E3F78;--blue:#2A6BD6;--blue2:#1F54AC;--sky:#8DB4F2;--soft:#EAF2FC;--soft2:#F4F8FD;--page:#EEF3FA;--line:#E1E8F3;--line2:#CBD6E6;--ink:#0F2447;--mut:#5B6B85;--ok:#12805C;--okbg:#E3F5EE;--bad:#B42318;--badbg:#FDECEA;--H:Montserrat,"Helvetica Neue",Arial,sans-serif;--B:"Open Sans","Helvetica Neue",Arial,sans-serif;--r:18px;--ease:cubic-bezier(.32,.72,0,1);--fs:17px;--sh:0 1px 2px rgba(15,36,71,.04),0 12px 40px -12px rgba(15,36,71,.14);--sh2:0 2px 6px rgba(15,36,71,.06),0 24px 60px -16px rgba(15,36,71,.22)}html.big{--fs:20px}*{box-sizing:border-box}html,body{margin:0}body{font:400 var(--fs)/1.55 var(--B);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{font-family:var(--H);margin:0;letter-spacing:-.025em;line-height:1.08}h1{font-weight:800;font-size:clamp(28px,4vw,38px)}h2{font-weight:800;font-size:clamp(20px,2.4vw,24px)}h3{font-weight:700;font-size:1.05em}p{margin:0 0 8px}.mut{color:var(--mut)}.s{font-size:.9em}.xs{font-size:.8em}a{color:var(--blue2)}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:10px}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.i{width:1.35em;height:1.35em;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.synth{background:#fff3cd;color:#6b4e00;font:700 11px var(--H);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:6px;position:relative;z-index:21}.shell{display:grid;grid-template-columns:1fr;min-height:100vh}.side{display:none}.top{background:var(--navy);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:20}.top img{height:22px;display:block}.tb{display:flex;gap:8px}.chipbtn{font:700 12px var(--H);letter-spacing:.05em;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:8px 10px;cursor:pointer;min-height:40px;transition:background .3s var(--ease)}.chipbtn:hover{background:#ffffff29}.chipbtn em{font-style:normal;color:var(--sky)}.main{padding:18px 16px 150px;max-width:1120px;width:100%;margin:0 auto}.tabs{position:fixed;bottom:0;left:0;right:0;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 4px calc(10px + env(safe-area-inset-bottom));z-index:20}.tabs a{display:flex;flex-direction:column;align-items:center;gap:4px;font:700 11px var(--H);color:var(--mut);text-decoration:none;padding:6px 8px;border-radius:10px;min-width:60px;transition:color .3s var(--ease),transform .3s var(--ease)}.tabs a .i{width:24px;height:24px}.tabs a.active{color:var(--blue);transform:translateY(-2px)}.callbar{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:19}.callbar a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:14px;background:var(--navy);color:#fff;font:700 15px var(--H);text-decoration:none;box-shadow:0 16px 34px -12px #0f244799}@media (min-width:960px){.shell{grid-template-columns:272px minmax(0,1fr);background:linear-gradient(90deg,var(--navy) 0,var(--navy) 272px,transparent 272px)}.side{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0f2447,#122a52);color:#fff;padding:26px 18px 20px}.side>img{height:26px;margin:0 8px 28px;align-self:flex-start}.nav{display:grid;gap:4px}.nav a{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;color:#d6e2f7;text-decoration:none;font:700 15.5px var(--H);transition:background .35s var(--ease),transform .35s var(--ease),color .35s var(--ease)}.nav a:hover{background:#ffffff14;color:#fff;transform:translate(3px)}.nav a.active{background:var(--blue);color:#fff;box-shadow:0 10px 24px -8px #2a6bd699}.side .foot{margin-top:auto;padding:14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.side .foot a.tel{color:#fff;font:800 20px var(--H);text-decoration:none;display:block;margin-top:4px}.side .foot .ctl{margin-top:10px;display:flex;gap:8px}.top,.tabs,.callbar{display:none!important}.main{padding:34px 40px 60px}.bento{grid-template-columns:repeat(12,1fr);gap:18px}.c8{grid-column:span 8}.c4{grid-column:span 4}.c6{grid-column:span 6}.c12{grid-column:span 12}}.bento{display:grid;gap:14px}.card{background:#0f24470b;border:1px solid rgba(15,36,71,.06);border-radius:calc(var(--r) + 6px);padding:6px;box-shadow:var(--sh);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.card>.in{background:#fff;border-radius:var(--r);padding:18px;box-shadow:inset 0 1px #ffffffe6;height:100%}.card.key{background:linear-gradient(135deg,#2a6bd62e,#0f24470f)}.card.key>.in{border:1px solid rgba(42,107,214,.25)}.card.warn{background:#b4231814}.card.warn>.in{border:1px solid rgba(180,35,24,.18)}.card:hover{transform:translateY(-2px);box-shadow:var(--sh2)}.hd{display:flex;align-items:center;gap:10px;font:800 12px var(--H);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}.hd .i{width:20px;height:20px;color:var(--blue)}.big{font:800 clamp(26px,3vw,34px)/1.1 var(--H);letter-spacing:-.03em;color:var(--navy);margin:2px 0 6px}.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #F0F4FA;align-items:center}.row:last-of-type{border-bottom:0}.row>span{color:var(--mut)}.row>b{text-align:right;font-weight:700}.btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font:700 1em var(--H);border-radius:14px;padding:12px 12px 12px 20px;border:1px solid transparent;cursor:pointer;text-decoration:none;margin-top:12px;background:var(--blue);color:#fff;min-height:56px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease);text-align:left}.btn:hover{background:var(--blue2);box-shadow:0 14px 30px -10px #2a6bd699}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn .arr{width:34px;height:34px;border-radius:10px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease);flex:none}.btn:hover .arr{transform:translate(3px,-1px) scale(1.06)}.btn .arr .i{width:18px;height:18px}.btn.ghost{background:#fff;color:var(--navy);border-color:var(--line2)}.btn.ghost:hover{border-color:var(--blue);color:var(--blue2);box-shadow:0 14px 30px -14px #0f24474d}.btn.ghost .arr{background:var(--soft)}.btn.dark{background:var(--navy)}.btn.dark:hover{background:var(--navy3)}.chip{display:inline-flex;align-items:center;gap:6px;font:800 11px var(--H);letter-spacing:.05em;text-transform:uppercase;border-radius:7px;padding:5px 9px;white-space:nowrap}.chip.ok{background:var(--okbg);color:var(--ok)}.chip.wait{background:var(--soft);color:var(--blue2)}.chip.bad{background:var(--badbg);color:var(--bad)}.chip.mut{background:#eef2f8;color:var(--mut)}.chip .i{width:14px;height:14px;stroke-width:2}.greet{margin-bottom:18px}.greet p{color:var(--mut);margin:6px 0 0}.a{animation:up .7s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms)}@keyframes up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.auth{max-width:520px;margin:0 auto;padding:24px 16px 120px}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 22px}.auth-top img{height:38px}.chipbtn.light{color:var(--navy);background:#fff;border-color:var(--line2)}.chipbtn.light em{color:var(--blue)}.chipbtn.light:hover{background:var(--soft)}.auth-call{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:16px;background:var(--navy);color:#fff;text-decoration:none;font:600 15px var(--B)}.auth-call .i{width:26px;height:26px}.auth-call b{display:block;font:800 22px var(--H);letter-spacing:-.02em}label.l,legend.l{display:block;font:700 .92em var(--H);color:var(--navy);margin:16px 0 4px;padding:0}.inp{display:block;width:100%;border:1px solid var(--line2);border-radius:14px;padding:15px 16px;background:#fff;color:var(--ink);font:inherit;margin:6px 0;min-height:56px;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}.inp:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2a6bd626;outline:none}.code-inp{font:800 30px var(--H);letter-spacing:.4em;text-align:center}fieldset.dob{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px}fieldset.dob legend{grid-column:1 / -1}fieldset.dob label span{display:block;font-size:.85em;color:var(--mut)}.err{display:flex;gap:10px;align-items:flex-start;color:var(--bad);background:var(--badbg);border-radius:12px;padding:12px 14px;margin:12px 0 0;font-weight:600}.err .i{width:20px;height:20px;margin-top:2px}.demo-code{background:#fff3cd;color:#6b4e00;border-radius:10px;padding:10px 14px;font:800 1em var(--H);margin:14px 0 0}.demo-row{margin-top:4px}.demo-row .xs{margin:6px 4px 0}.fact-top{margin:-4px 0 8px}.ringwrap{display:flex;gap:16px;align-items:center}.ringwrap .num{font:800 22px var(--H);color:var(--navy)}.ring{width:84px;height:84px;flex:none}.ring circle{fill:none;stroke-width:9;stroke-linecap:round}.ring .bg{stroke:#eef2f8}.ring .fg{stroke:var(--blue);transform:rotate(-90deg);transform-origin:50% 50%;animation:ring 1.2s var(--ease) both}@keyframes ring{0%{stroke-dashoffset:213.6}}.ag{display:flex;gap:14px;align-items:center}.av{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--navy));flex:none;color:#fff;font:800 22px/56px var(--H);text-align:center}.agn{font-family:var(--H);font-size:1.1em}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:14px;padding:12px 0;color:var(--mut);align-items:flex-start;position:relative}.steps li+li:before{content:"";position:absolute;left:17px;top:-14px;height:26px;border-left:2px dashed var(--line2)}.steps .n{flex:none;width:36px;height:36px;border-radius:10px;background:#eef2f8;color:var(--mut);font:800 15px/36px var(--H);text-align:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.steps .n .i{width:18px;height:18px;stroke-width:2.2}.steps li.done .n{background:var(--okbg);color:var(--ok)}.steps li.now{color:var(--ink);font-weight:600}.steps li.now .n{background:var(--navy);color:#fff;box-shadow:0 0 0 6px #2a6bd62e}.slots{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0}.slots button{border:1px solid var(--line2);border-radius:12px;padding:12px;background:#fff;font:600 .95em var(--B);cursor:pointer;min-height:56px;text-align:left;transition:all .3s var(--ease);color:var(--ink)}.slots button:hover{border-color:var(--blue)}.slots button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.okmsg{color:var(--ok);background:var(--okbg);border-radius:12px;padding:12px 14px;margin:12px 0 0;font-weight:600}.bento>.c8>.card+.card{margin-top:14px}@media (min-width:960px){.bento>.c8>.card+.card{margin-top:18px}}.opts-f{border:0;margin:0;padding:0}.opts{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 6px}.opts button{border:1px solid var(--line2);border-radius:12px;padding:12px 16px;font:600 .95em var(--B);background:#fff;color:var(--ink);cursor:pointer;min-height:52px;transition:all .3s var(--ease)}.opts button:hover{border-color:var(--blue)}.opts button.on{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 10px 24px -10px #0f244780}.req+.req{border-top:1px solid #F0F4FA;margin-top:6px;padding-top:6px}.tel{font:800 clamp(24px,3vw,30px) var(--H);color:var(--navy);text-decoration:none;display:block;margin:8px 0;letter-spacing:-.02em}.linkbtn{background:none;border:1px solid var(--line2);border-radius:10px;padding:8px 12px;font:700 .95em var(--H);color:var(--blue2);cursor:pointer;min-height:44px}.linkbtn:hover{border-color:var(--blue)}.phrase{margin:16px 0 4px;padding:14px 16px;border-radius:14px;background:var(--soft);border:1px dashed var(--blue)}.phrase b{display:block;font:800 32px var(--H);letter-spacing:.25em;color:var(--navy);margin-top:6px}.lostchk{display:flex;gap:12px;align-items:flex-start;margin:14px 0 2px;font-size:.92em;color:var(--ink);cursor:pointer}.lostchk input{width:24px;height:24px;flex:none;margin-top:2px;accent-color:var(--navy)}
