.lg-page,.login{--lg-bg:var(--color-bg);--lg-surface:var(--color-surface);--lg-soft:var(--color-sunken);--lg-line:var(--color-divider);--lg-line-2:var(--color-border);--lg-ink:var(--color-text);--lg-muted:var(--color-muted)}.login{min-height:100dvh;padding:0 var(--lg-gutter,32px);color:var(--lg-ink);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;line-height:1.5;display:grid}.lg-page{--lg-gutter:max(32px, calc((100vw - 1440px) / 2));background-color:var(--lg-bg);background-image:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-10) 70%, var(--color-bg)) 0%, var(--color-bg) 50%, color-mix(in srgb, var(--color-ok-bg) 70%, var(--color-bg)) 100%);min-height:100dvh;color:var(--lg-ink);background-attachment:fixed}.login a,.know a:not(.btn){color:var(--color-primary-text)}.login a:hover,.know a:not(.btn):hover{color:var(--color-primary-hover)}.login-brand{box-sizing:border-box;flex-direction:column;justify-content:center;gap:20px;min-height:100dvh;padding:48px 48px 48px 24px;display:flex;position:relative}.login-mark{align-self:flex-start;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.login-word{font:700 26px/1 var(--font-body);letter-spacing:-.02em}.login-title{font:700 40px/1.15 var(--font-body);letter-spacing:-.02em;color:var(--lg-ink);text-wrap:balance;margin:0}.login-title-go{color:var(--color-ok-fg)}.login-lede{max-width:62ch;color:var(--lg-muted);margin:0;font-size:16px}.login-loop{display:block}.login-loop b{font-weight:400;transition:color .4s}.login-loop b.on{color:var(--color-primary-text);font-weight:600}.login-stage-wrap{flex-direction:column;gap:8px;width:100%;max-width:680px;display:flex;position:relative}.login-stage{background:var(--lg-surface);border:1px solid var(--lg-line-2);border-radius:var(--radius-lg);height:280px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.login-stage-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.login-example{border:1px solid var(--lg-line-2);border-radius:var(--radius-sm);background:var(--lg-surface);color:var(--lg-muted);font:500 12px/1.75 var(--font-body);padding:0 8px}.login-pause{border:1px solid var(--lg-line-2);border-radius:var(--radius-sm);background:var(--lg-surface);min-height:32px;color:var(--lg-muted);font:500 13px/1.5 var(--font-body);cursor:pointer;padding:4px 12px}.login-pause:hover{color:var(--lg-ink)}.login-pause:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-layer{opacity:0;pointer-events:none;flex-direction:column;gap:12px;padding:24px;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0;transform:translateY(12px)scale(.98)}.login-layer.past{transform:translateY(-12px)scale(.98)}.login-layer.on{opacity:1;transform:none}.login-layer strong{font-size:16px;font-weight:600}.login-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.login .muted{color:var(--lg-muted)}.login .small-13{font-size:13px}.login-row.muted{font:500 13px/1.5 var(--font-body)}.login-bar{background:var(--lg-line);border-radius:3px;height:6px;display:flex;overflow:hidden}.login-bar.thick{border-radius:4px;height:8px}.login-bar>span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .8s}.login-bar>.tone-green{background:var(--color-ok)}.login-bar>.tone-amber{background:var(--color-warn)}.login-layer .login-q{font-size:18px;line-height:1.4}.login-opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.login-opts>span{border:1px solid var(--lg-line-2);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px;font-weight:500}.login-layer.on .login-opts .pick{animation:.35s .65s both lgPick}@keyframes lgPick{to{border-color:var(--color-primary);background:var(--color-primary-10);color:var(--color-primary-text)}}.login-opts .pick:after{content:" ✓";opacity:0}.login-layer.on .login-opts .pick:after{animation:.3s .65s both lgShow}.login-timer{border-radius:var(--radius-sm);background:var(--lg-soft);color:var(--lg-ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:4px 8px;font-size:15px;font-weight:600;display:inline-flex}.login-grid{grid-template-columns:repeat(15,1fr);gap:4px;display:grid}.login-grid>span{border-radius:var(--radius-sm);background:var(--lg-line);height:20px}.login-grid>.done{background:var(--color-primary)}.login-grid>.now{background:var(--color-primary-20)}.login-result{opacity:0;align-items:baseline;gap:8px;margin-top:auto;display:flex}.login-layer.on .login-result{animation:.5s .75s both lgRise}.login-result strong{font-size:32px;font-weight:700;line-height:1}.login-subj{grid-template-columns:80px 1fr 40px;align-items:center;gap:12px;font-size:14px;font-weight:500;display:grid}.login-subj b{text-align:right;font-weight:600}.login-focus{border-radius:var(--radius-lg);border:1px solid var(--color-warn-border);background:var(--color-warn-bg);color:var(--color-warn-text);opacity:0;align-items:center;gap:12px;margin-top:4px;padding:12px 16px;display:flex}.login-layer.on .login-focus{animation:.5s .65s both lgRise}.login-focus-text{color:var(--lg-ink);flex-direction:column;flex:1;display:flex}.login-focus-text span{color:var(--color-warn-text);font-size:12px;font-weight:500}.login-focus b{font-size:20px;font-weight:700}.login-mentor{align-items:center;gap:12px;display:flex}.login-avatar{background:var(--color-primary-10);width:52px;height:52px;color:var(--color-primary-text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.login-mentor-text{flex-direction:column;display:flex}.login-mentor-text strong{font-size:17px}.login-verified{color:var(--color-ok-fg);align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.login-kv{border-radius:var(--radius-sm);background:var(--lg-soft);grid-template-columns:96px 1fr;gap:4px 12px;padding:8px 12px;font-size:13px;display:grid}.login-kv>span:nth-child(odd){color:var(--lg-muted)}.login-chip{background:var(--color-primary-10);color:var(--color-primary-text);opacity:0;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:13px;font-weight:600}.login-layer.on .login-chip{animation:.5s .55s both lgRise}.login-up{color:var(--color-ok-fg);font-size:13px;font-weight:600}.login-big{font:700 44px/1 var(--font-body);letter-spacing:-.02em;color:var(--color-ok-fg);font-variant-numeric:tabular-nums}.login-line line{stroke:var(--lg-line)}.login-line path{fill:none;stroke:var(--color-ok);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:460;stroke-dashoffset:460px}.login-layer.on .login-line path{animation:1s .1s forwards lgDraw}.login-line circle{fill:var(--lg-surface);stroke:var(--color-ok);stroke-width:2.5px}.login-line text{font:600 12px var(--font-body);fill:var(--lg-ink)}.login-line g{opacity:0}.login-layer.on .login-line g{animation:.3s both lgShow}.login-again{opacity:0}.login-layer.on .login-again{animation:.4s 1.1s both lgShow}.login-stage.still .login-result,.login-stage.still .login-focus,.login-stage.still .login-chip,.login-stage.still .login-again,.login-stage.still .login-line g{opacity:1;animation:none}.login-stage.still .login-line path{stroke-dashoffset:0;animation:none}.login-stage.still .login-opts .pick{border-color:var(--color-primary);background:var(--color-primary-10);color:var(--color-primary-text);animation:none}.login-stage.still .login-opts .pick:after{opacity:1;animation:none}@keyframes lgRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lgShow{0%{opacity:0}to{opacity:1}}@keyframes lgDraw{to{stroke-dashoffset:0}}.login-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:680px;margin:0;padding:0;list-style:none;display:grid}.login-tiles li{background:var(--lg-surface);border:1px solid var(--lg-line-2);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:16px;display:flex}.login-tiles strong{font-size:15px;font-weight:600;line-height:1.4}.login-tiles li>span{color:var(--lg-muted);font-size:13px}.login-side{box-sizing:border-box;justify-content:center;align-self:stretch;align-items:center;min-height:100dvh;padding:48px 24px;display:flex}.login-card{box-sizing:border-box;background:var(--lg-surface);border:1px solid var(--lg-line-2);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;padding:32px;display:flex}.login-card-head{flex-direction:column;gap:4px;display:flex}.login-card-head h2{font:600 22px/1.25 var(--font-body);letter-spacing:-.01em;color:var(--lg-ink);margin:0}.login-card-head p{color:var(--lg-muted);margin:0;font-size:15px}.login-step-of{color:var(--lg-muted);font-size:13px;font-weight:500}.login-ok{color:var(--color-ok-fg);font-size:13px;font-weight:500}.login-card-split{gap:0;padding:0;overflow:hidden}.login-band{background:var(--banner-bg);flex-direction:column;gap:16px;padding:24px;display:flex}.login-band .login-card-head h2{color:var(--banner-fg)}.login-band .login-card-head p{color:var(--banner-soft)}.login-google{border-radius:var(--radius-sm);background:var(--banner-fg);height:48px;color:var(--banner-bg);font:600 15px/1.5 var(--font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;transition:background .15s;display:flex}.login-google:hover{background:color-mix(in srgb, var(--banner-fg) 90%, var(--banner-bg))}.login-google:disabled{cursor:progress}.login-band .login-google:focus-visible,.login-band .login-gsi:focus-within{outline:2px solid var(--banner-fg);outline-offset:3px}.login-card-body{flex-direction:column;gap:12px;padding:16px 24px 20px;display:flex}.login-more{border-radius:var(--radius-sm);border:1px solid var(--lg-line-2);background:var(--lg-surface);text-align:center;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;display:flex}.login .login-more{color:var(--lg-ink)}.login .login-more:hover{border-color:var(--color-primary);color:var(--color-primary-text)}.login-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-soon-line{text-align:center;color:var(--lg-muted);margin:0;font-size:13px}.login-fine{text-align:center;max-width:none;color:var(--lg-muted);margin:0;font-size:13px}.login-fine a{padding:4px 2px;font-weight:500;display:inline-block}.login-exams{flex-direction:column;gap:8px;display:flex}.login-exam{border-radius:var(--radius-lg);border:1px solid var(--lg-line-2);background:var(--lg-surface);width:100%;color:var(--lg-ink);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:16px;font-family:inherit;display:flex}.login-exam.on{border-color:var(--color-primary);background:var(--color-primary-10)}.login-exam:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-exam-text{flex-direction:column;flex:1;display:flex}.login-exam-text strong{font-size:16px;font-weight:600}.login-exam-text span{color:var(--lg-muted);font-size:13px}.login-exam-dot{box-sizing:border-box;border:1.5px solid var(--grey-40);border-radius:50%;flex:none;width:20px;height:20px}.login-exam.on .login-exam-dot{border:6px solid var(--color-primary)}.login-back{min-height:32px;color:var(--lg-muted);font:500 14px/1.5 var(--font-body);cursor:pointer;background:0 0;border:0;align-self:center;padding:4px 8px}.login-back:hover{color:var(--lg-ink)}@media (min-width:900px) and (max-height:820px){.login-title{font-size:36px}.login-stage{height:264px}}@media (max-width:1179px){.login,.login-tiles{grid-template-columns:1fr 1fr}}@media (max-width:899px){.login{grid-template-columns:1fr;align-content:start;align-items:start;padding:0}.login-brand{display:contents}.login-stage-wrap{display:none}.login-mark{order:0;margin:28px 16px 0}.login-title{order:1;margin:16px 16px 0;font-size:28px}.login-lede{order:2;margin:12px 16px 0;font-size:15px}.login-side{background:0 0;flex-direction:column;order:3;justify-content:flex-start;align-items:stretch;min-height:0;margin-top:24px;padding:0 16px 8px;position:relative}.login-tiles{order:4;width:auto;max-width:none;margin:24px 16px 40px}.login-card{padding:24px}.login-card-split{padding:0}.login-band{padding:24px 20px}.login-card-body{padding:16px 20px 20px}}@media (max-width:380px){.login-tiles{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.login-layer,.login-loop b,.login-bar>span{transition:none}}.know{padding:56px calc(var(--lg-gutter) + 24px) 72px;scroll-margin-top:0}.know-inner{flex-direction:column;gap:20px;max-width:1040px;display:flex}.know-title{letter-spacing:-.02em;font-size:28px;font-weight:700}.know-faq-title{margin-top:28px}.know-tabs{flex-direction:column;gap:16px;display:flex}.know-tablist{flex-wrap:wrap;gap:8px;display:flex}.know-tab{border:1px solid var(--lg-line-2);background:var(--lg-surface);min-height:40px;color:var(--lg-ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 16px;scroll-margin-top:96px;font-size:14px;font-weight:500}.know-tab:hover{border-color:var(--color-primary)}.know-tab.on{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary-text);font-weight:600}.know-tab:focus-visible,.know-panel:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.know-panel:focus-visible{border-radius:var(--radius-lg)}.know-body{flex-direction:column;gap:16px;display:flex}.know-h3{font-size:20px;font-weight:600}.know-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.know-card{border-radius:var(--radius-lg);background:var(--lg-surface);border:1px solid var(--lg-line-2);flex-direction:column;gap:4px;padding:20px;display:flex}.know-card strong{font-size:16px}.know-card span{color:var(--grey-80);max-width:60ch;font-size:14px;line-height:1.55}.know-link{align-self:flex-start;min-height:24px;font-weight:600;display:inline-block}.know-soon{max-width:60ch;color:var(--grey-80);line-height:1.6}.know-faq{flex-direction:column;gap:8px;display:flex}.know-faq details{border-radius:var(--radius-lg);background:var(--lg-surface);border:1px solid var(--lg-line-2)}.know-faq summary{cursor:pointer;align-items:center;gap:8px;min-height:48px;padding:12px 16px;font-weight:600;list-style:none;display:flex}.know-faq summary::-webkit-details-marker{display:none}.know-faq summary:before{content:"▸";color:var(--lg-muted);flex:none;transition:transform .15s}.know-faq details[open]>summary:before{transform:rotate(90deg)}.know-faq summary:hover{color:var(--color-primary-text)}.know-faq summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-lg)}.know-faq p{max-width:75ch;color:var(--grey-80);padding:0 16px 16px 36px;line-height:1.6}.know-end{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.know-end p{color:var(--lg-muted)}@media (max-width:719px){.know{padding:40px 16px 56px}.lg-page{background-attachment:scroll}.know-title{font-size:24px}.know-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.know-faq summary:before{transition:none}}
