.lg-progress{z-index:60;pointer-events:none;height:4px;position:fixed;top:0;left:0;right:0}.lg-progress i{transform-origin:0;height:100%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#7cc0ff,#ffd27a);display:block;box-shadow:0 0 14px #ffc23db3}.lg-hero{padding-top:clamp(120px,14vw,170px);padding-bottom:clamp(56px,7vw,96px);position:relative}.lg-hero__grid{align-items:center;gap:40px;display:grid;position:relative}@media (width>=900px){.lg-hero__grid{grid-template-columns:1.1fr .9fr;gap:56px}}.lg-hero h1{font-size:var(--fs-h1);max-width:14ch;margin:6px 0 18px}.lg-lead{font-size:var(--fs-lg);color:#e8f1ff;max-width:38ch;margin:0;line-height:1.5}.lg-updated{color:#fff;background:#ffffff24;border:1px solid #fff6;border-radius:999px;align-items:center;gap:10px;margin:28px 0 0;padding:8px 16px;font-size:17px;font-weight:600;display:inline-flex}.lg-updated svg{color:#ffd27a}@media (width<=899px){.lart{max-width:260px}.lg-hero__text{order:2}}.lg-short{padding-block:clamp(56px,7vw,96px) 24px}.lg-short h2{margin-bottom:32px}.lg-cards{perspective:1400px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}@supports (animation-timeline:view()){.lg-cards li{animation:linear both lg-in view();animation-range:entry entry 60%}@keyframes lg-in{0%{opacity:0;translate:0 46px}to{opacity:1;translate:0}}}.lg-card{height:100%;transform:perspective(1000px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .26s var(--ease), box-shadow .26s, border-color .26s;background:linear-gradient(160deg,#fff3,#ffffff0d);border:1px solid #ffffff52;border-radius:26px;padding:26px 24px 28px;position:relative;box-shadow:inset 0 1px #ffffff73,0 30px 44px -24px #020a28b3}.lg-card:hover,.lg-card.is-tilt{border-color:#ffd27acc;box-shadow:inset 0 1px #ffffff80,0 0 36px -6px #ffc23d73,0 36px 54px -24px #020a28cc}.lg-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%), #ffffff42, transparent 60%);transition:opacity .26s;position:absolute;inset:0}.lg-card.is-tilt:after{opacity:1}.lg-card__icon{color:#fff;background:linear-gradient(145deg,#9bd0ff,#2f6fe0);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid;box-shadow:inset 0 1px #ffffffb3,0 0 24px #7cc0ff99,0 12px 20px -8px #0006}.lg-card h3{margin:0 0 8px;font-size:24px}.lg-card p{color:#e3eeff;margin:0;font-size:18px;line-height:1.5}.lg-body{padding-block:clamp(40px,5vw,72px)}.lg-grid{gap:32px;display:grid}@media (width>=1000px){.lg-grid{grid-template-columns:280px 1fr;align-items:start;gap:56px}}.lg-toc{background:linear-gradient(160deg,#ffffff29,#ffffff0a);border:1px solid #ffffff4d;border-radius:24px;padding:22px 22px 24px}@media (width>=1000px){.lg-toc{position:sticky;top:110px}}.lg-toc__h{font:600 20px var(--font-heading);color:#fff;margin:0 0 12px}.lg-toc ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.lg-toc a{color:#dce9ff;border-left:3px solid #0000;border-radius:12px;padding:8px 12px;font-size:17px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:block}.lg-toc a:hover{color:#fff;background:#ffffff1a}.lg-toc a.is-active{color:#fff;background:#ffffff24;border-left-color:#ffd27a;box-shadow:0 0 22px -6px #ffc23d80}.lg-prose{max-width:820px;font-size:var(--fs-body);color:#eef4ff;align-content:start;gap:22px;line-height:1.7;display:grid}.lg-prose>p:first-child{color:#cfe0f8}.lg-prose p,.lg-prose ul{margin:0}.lg-prose strong{color:#fff}.lg-prose a{color:#ffd27a;text-underline-offset:3px}.lg-prose ul{gap:12px;padding:0;list-style:none;display:grid}.lg-prose li{padding-left:28px;position:relative}.lg-prose li:before{content:"";background:#ffc23d;border-radius:50%;width:10px;height:10px;position:absolute;top:.7em;left:4px;box-shadow:0 0 10px #ffc23d}.lg-sec{background:linear-gradient(160deg,#ffffff2b,#ffffff0d);border:1px solid #ffffff47;border-radius:28px;gap:14px;padding:clamp(24px,3vw,36px);scroll-margin-top:110px;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;box-shadow:inset 0 1px #fff6,0 28px 44px -26px #020a28b3}.lg-sec.is-active{border-color:#ffd27aa6;box-shadow:inset 0 1px #ffffff73,0 0 40px -10px #ffc23d66,0 28px 44px -26px #020a28b3}@supports (animation-timeline:view()){.lg-sec{animation:linear both lg-in view();animation-range:entry entry 40%}}.lg-sec__head{align-items:center;gap:16px;display:flex}.lg-sec__icon{color:#fff;background:linear-gradient(145deg,#9bd0ff,#2f6fe0);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px #ffffffb3,0 0 22px #7cc0ff8c}.lg-sec.is-active .lg-sec__icon{color:#3a2400;background:linear-gradient(145deg,#ffe29e,#ffb02e);box-shadow:inset 0 1px #fffc,0 0 24px #ffc23d99}.lg-sec h2{color:#fff;margin:0;font-size:clamp(24px,2.2vw,30px)}.lg-help{padding-block:8px clamp(64px,8vw,110px)}.lg-help__card{background:radial-gradient(500px 260px at 100% 0,#ffc23d42,#0000 70%),linear-gradient(150deg,#ffffff3d,#ffffff12);border:1px solid #ffffff6b;border-radius:32px;align-items:center;gap:24px;padding:clamp(28px,4vw,48px);display:grid;box-shadow:inset 0 1px #ffffff8c,0 40px 60px -28px #020a28bf}@media (width>=900px){.lg-help__card{grid-template-columns:1fr auto}}.lg-help__card h2{margin:0 0 8px;font-size:clamp(26px,2.6vw,34px)}.lg-help__card p{color:#e3eeff;font-size:var(--fs-lg);max-width:36ch;margin:0}.lg-help__btns{flex-wrap:wrap;gap:14px;display:flex}@media (prefers-reduced-motion:reduce){.lg-card,.lg-sec{transition:none;animation:none;transform:none}}.ct-quick{flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:28px;display:flex}.ct-quick .lg-updated{margin:0}
