/* NiHao LGP 3000 / isolated authentication experience.
   Only three families: Unbounded, Manrope, JetBrains Mono.
   No shared portal/nihao.css or older beta/premium.css is loaded here. */
:root{
  --ink:#0B0B0C;--paper:#FCF7F3;--red:#F5261A;--muted:#716C68;--line:#D9D2CB;
  --display:'Manrope',sans-serif;--body:'Manrope',sans-serif;--mono:'JetBrains Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.5 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* Prevent fake italic appearance inherited from browser or old theme. */
.lgp-auth-page,.lgp-auth-page *{font-style:normal!important;font-synthesis:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.lgp-layout{min-height:100vh;display:grid;grid-template-columns:minmax(370px,43%) minmax(0,57%)}
.lgp-story{background:var(--ink);color:#FDF8F4;display:flex;flex-direction:column;min-width:0;padding:43px clamp(34px,5.1vw,82px) 34px;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}
.lgp-story::after{content:'';position:absolute;width:400px;height:400px;right:-270px;bottom:-235px;border-radius:50%;border:1px solid #FFFFFF0E;box-shadow:0 0 0 60px #ffffff04;pointer-events:none}
.lgp-story-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.lgp-logo{position:relative;font:700 27px/1.1 var(--display);letter-spacing:-.09em;color:#FCF8F4;white-space:nowrap}
.lgp-logo-i{position:relative;display:inline-block;letter-spacing:-.08em}
.lgp-logo-i::before{content:'';position:absolute;width:.17em;height:.17em;border-radius:50%;background:var(--red);left:51%;top:.09em;transform:translateX(-50%)}
.lgp-edition{font:500 10px/1.6 var(--mono);color:#D4C9C3;letter-spacing:.05em;white-space:nowrap}
.lgp-story-center{width:100%;max-width:570px;margin-top:-7px;position:relative}
.lgp-kicker{display:flex;align-items:center;gap:13px;font:500 10px/1.6 var(--mono);letter-spacing:.035em;color:#C7BFBB;margin:0 0 27px}
.lgp-kicker-line{display:inline-block;width:22px;height:2px;background:var(--red);flex-shrink:0}
.lgp-story h1{font:600 clamp(34px,3.5vw,59px)/1.2 var(--display);letter-spacing:-.065em;margin:0 0 22px;max-width:630px}
.lgp-story h1 span{color:var(--red)}
.lgp-story-center>p{font:500 15px/1.85 var(--body);color:#C8C1BE;margin:0;max-width:390px}
.lgp-story-rule{height:1px;background:#3C3839;margin:46px 0 24px}
.lgp-story-feature{display:flex;gap:18px;align-items:center;border-bottom:1px solid #262325;padding:14px 0;color:#E4DEDA;font:550 13px/1.55 var(--body)}
.lgp-feature-index{font:500 10px var(--mono);color:#B3A7A1}
.lgp-story-footer{display:flex;gap:24px;justify-content:space-between;color:#918A87;font:500 9px/1.6 var(--mono);letter-spacing:.04em;position:relative;z-index:1}
.lgp-pane{padding:43px clamp(24px,4.55vw,76px) 55px;display:flex;align-items:flex-start;justify-content:center;background:var(--paper)}
.lgp-pane-inner{max-width:680px;width:100%;min-width:0}
.lgp-pane-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}
.lgp-section-tag{font:650 10px/1.5 var(--mono);letter-spacing:.07em;color:var(--red)}
.lgp-secure{font:500 9px/1.5 var(--mono);letter-spacing:.04em;color:#8A807A}
.lgp-pane h2{font:600 clamp(29px,2.5vw,42px)/1.23 var(--display);letter-spacing:-.06em;margin:0 0 9px}
.lgp-red-dot{color:var(--red)}
.lgp-lead{font:480 13px/1.7 var(--body);color:#69625D;margin:0 0 27px;max-width:580px}
.lgp-field-label{font:650 10px/1.5 var(--mono);color:#6B615B;letter-spacing:.04em}
.lgp-plan-fieldset{margin:0;padding:0;border:0;min-width:0}
.lgp-plan-fieldset legend{margin-bottom:11px;padding:0}
.lgp-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}
.lgp-plan{display:block;min-width:0;cursor:pointer;position:relative}
.lgp-plan>input{position:absolute;opacity:0;inset:auto;width:1px;height:1px}
.lgp-plan-card{background:#FFFDFB;border:1px solid #D0C8C1;display:flex;flex-direction:column;min-height:168px;padding:17px 19px 18px;gap:11px;transition:background .16s,border-color .16s,box-shadow .16s;border-radius:2px;position:relative}
.lgp-plan input:checked+.lgp-plan-card{border:2px solid var(--red);background:#FFF9F6;padding:16px 18px 17px;box-shadow:0 5px 24px #2A19100B}
.lgp-plan input:focus-visible+.lgp-plan-card{outline:3px solid #F5261A50;outline-offset:2px}
.lgp-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lgp-plan-heading strong{font:600 16px/1.35 var(--display);letter-spacing:-.035em}
.lgp-plan-mark{border-radius:50%;border:1px solid #D9D0C8;color:transparent;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}
.lgp-plan-mark svg{width:14px;height:14px}
.lgp-plan input:checked+.lgp-plan-card .lgp-plan-mark{background:var(--red);border-color:var(--red);color:#fff}
.lgp-plan-number{font:600 27px/1.18 var(--display);letter-spacing:-.045em;display:block}
.lgp-plan-number small{font:500 11px/1.4 var(--body);letter-spacing:0;color:#776F69}
.lgp-plan-line{font:700 12px/1.4 var(--body)}
.lgp-plan-note{font:500 10px/1.45 var(--mono);color:#837B75;letter-spacing:-.03em}
.lgp-form-section{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:25px 0 12px;border-top:1px solid #DDD6CF;padding-top:20px}
.lgp-optional-note{color:#8A817A;font:500 10px/1.4 var(--body)}
.lgp-fields{display:grid;gap:15px}
.lgp-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lgp-field{min-width:0}
.lgp-field label{display:block;font:700 11px/1.45 var(--body);color:#3D3835;margin-bottom:7px}
.lgp-field input,.lgp-field select,.lgp-field textarea{display:block;width:100%;height:45px;border:1px solid #D4CCC5;background:#FFFEFD;color:#161313;border-radius:2px;padding:10px 13px;font:500 13px/1.4 var(--body);outline:none;transition:border-color .15s,box-shadow .15s;min-width:0}
.lgp-field input::placeholder{color:#AAA29A}
.lgp-field input:hover{border-color:#A79A8E}
.lgp-field input:focus{border-color:var(--red);box-shadow:0 0 0 2px #F5261A18}
.lgp-field-error{font:600 11px/1.55 var(--body);color:#AC3128;margin:5px 0 0}
.lgp-billing-block{border:1px solid #DED6CD;background:#FEFCF9;margin-top:19px;border-radius:2px}
.lgp-billing-toggle{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;position:relative}
.lgp-billing-copy strong{display:block;font:700 12px/1.55 var(--body)}
.lgp-billing-copy small{display:block;margin-top:2px;color:#80766D;font:450 11px/1.55 var(--body)}
.lgp-billing-toggle input{position:absolute;opacity:0;width:1px;height:1px;right:30px}
.lgp-switch{flex-shrink:0;width:38px;height:22px;border:1px solid #C2B9B0;border-radius:30px;background:#CDC6BE;position:relative;transition:background .16s}
.lgp-switch:after{content:'';width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;transition:transform .16s}
.lgp-billing-toggle input:checked+.lgp-switch{background:var(--red);border-color:var(--red)}
.lgp-billing-toggle input:checked+.lgp-switch:after{transform:translateX(16px)}
.lgp-billing-toggle input:focus-visible+.lgp-switch{outline:2px solid var(--red);outline-offset:3px}
.lgp-billing-fields{border-top:1px solid #E3DBD3;padding:16px;display:grid;gap:14px}
.lgp-code-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.64fr);align-items:end;gap:20px;margin-top:17px}
.lgp-code-row p{font:500 11px/1.5 var(--body);color:#877D75;margin:0 0 12px}
.lgp-policy{margin:17px 0 15px;font:450 11px/1.65 var(--body);color:#7A7068}
.lgp-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:49px;padding:10px 18px;background:var(--red);color:white;border:1px solid var(--red);border-radius:2px;font:750 13px/1.4 var(--body);transition:background .15s}
.lgp-cta:hover{background:#D51E14;border-color:#D51E14}
.lgp-cta svg{width:19px;height:19px}
.lgp-bottom-link{font:550 12px/1.5 var(--body);color:#716760;text-align:center;margin:21px 0 0}
.lgp-bottom-link a{font-weight:750;color:#111;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.lgp-notice{padding:13px 15px;border:1px solid #E5B5AD;margin:0 0 18px;font-size:12px}
.lgp-notice-error{color:#9A261D;background:#FFF0EC}
.lgp-login-layout .lgp-story h1{font-size:clamp(32px,3.35vw,54px)}
.lgp-login-pane{align-items:center}
.lgp-login-pane .lgp-pane-inner{max-width:460px}
.lgp-login-pane .lgp-lead{margin-bottom:34px}
.lgp-login-form{display:grid;gap:22px}
.lgp-field-between{display:flex;justify-content:space-between;align-items:center;gap:15px}
.lgp-field-between a{font:650 11px var(--body);color:#A8352C;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){.lgp-layout{grid-template-columns:minmax(315px,39%) minmax(0,61%)}.lgp-story{padding:34px 29px}.lgp-pane{padding:34px 30px 50px}.lgp-story h1{font-size:36px}}
@media(max-width:760px){
 .lgp-layout{grid-template-columns:1fr}
 .lgp-story{min-height:auto;padding:22px 20px 24px;gap:19px}
 .lgp-story-head{gap:10px}
 .lgp-logo{font-size:23px}
 .lgp-edition{font-size:9px}
 .lgp-story-center{margin:5px 0 0}
 .lgp-kicker{font-size:9px;margin:0 0 10px;gap:8px}
 .lgp-kicker-line{width:13px}
 .lgp-story h1,.lgp-login-layout .lgp-story h1{font-size:clamp(24px,6vw,34px);line-height:1.25;margin:0}
 .lgp-story-center>p,.lgp-story-rule,.lgp-story-feature,.lgp-story-footer{display:none}
 .lgp-pane{padding:27px 18px 45px}
 .lgp-pane h2{font-size:29px}
 .lgp-pane-top{margin-bottom:12px}
 .lgp-lead{margin-bottom:24px}
 .lgp-login-pane{align-items:flex-start}
 .lgp-login-pane .lgp-pane-inner{max-width:580px}
}
@media(max-width:520px){
 .lgp-plans{grid-template-columns:1fr;gap:9px}
 .lgp-plan-card{min-height:120px;gap:6px;padding:12px 14px}
 .lgp-plan input:checked+.lgp-plan-card{padding:11px 13px}
 .lgp-plan-number{font-size:23px}
 .lgp-plan-heading strong{font-size:15px}
 .lgp-fields-2{grid-template-columns:1fr;gap:13px}
 .lgp-code-row{grid-template-columns:1fr;gap:0}
 .lgp-code-row p{margin:5px 0 0}
 .lgp-form-section{margin-top:18px}
 .lgp-story h1{font-size:25px}
 .lgp-story{padding-bottom:20px}
 .lgp-pane{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

/* NIHAO TYPOGRAPHY R5: sharp interface typography, branded logo only */
.lgp-logo {font-family:'Unbounded',sans-serif!important}
.lgp-story h1,.lgp-pane h2,.lgp-plan-heading strong,.lgp-plan-number{letter-spacing:-.025em!important}
.lgp-story h1,.lgp-pane h2{font-weight:700!important}
.lgp-plan-heading strong,.lgp-plan-number{font-weight:800!important}