/* Generated by tools/login-kit-sync.cjs from the DigoKit sign-in page — edit the Kit, then re-run. */
/* ds-ok: DigoKit sign-in kit, its own tokens (approved shared sign-in V10) */
@font-face{font-family:"Google Sans Flex";font-style:normal;font-weight:100 1000;font-display:swap;src:url(fonts/google-sans-flex-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Google Sans Flex";font-style:normal;font-weight:100 1000;font-display:swap;src:url(fonts/google-sans-flex-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-200-800.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage-grotesque-vietnamese-200-800.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-vietnamese-500.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB} :root{ --paper: oklch(97% 0.008 176); --card: oklch(99% 0.004 170); --ink: oklch(22% 0.02 200); --ink-2: oklch(45% 0.02 200); --ink-3: oklch(53% 0.018 195); --rule: oklch(88% 0.014 185); --accent: oklch(46% 0.1 176); --accent-fill: oklch(52% 0.1 176); --accent-tint: oklch(59% 0.11 176 / .14); --on-accent: oklch(99% 0.004 170); --bad: oklch(55% 0.17 25); --bad-tint: oklch(60% 0.17 25 / .12); --shadow: oklch(22% 0.02 200 / .10); --font-display: "Bricolage Grotesque", "Google Sans Flex", system-ui, sans-serif; --font-body: "Google Sans Flex", system-ui, -apple-system, "Segoe UI", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace; --t-2xs: .6875rem; --t-xs: .8125rem; --t-s: .9375rem; --t-m: 1rem; --t-xl: 1.625rem; --t-3xl: clamp(2.25rem, 1.4rem + 2.6vw, 3.5rem); --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 40px; --s-8: 56px; --r: 8px; --r-card: 18px; --ctl: 42px; --dur: .18s; --dur-m: .32s; --ease-out: cubic-bezier(.2,.8,.2,1); --lg-card-w: 440px; --lg-glow: 260px; --lg-edge: 1px; --lg-mark: 64px; --lg-in: 46px; --lg-field-h: 46px; --lg-halo: 420px; --lg-beach-base: 340px; --lg-pal-k: 1; --lg-pal-sink: 6px; --lg-eye-white: oklch(98% 0.006 90); --lg-pupil: oklch(24% 0.03 40); --lg-suit: oklch(30% 0.03 230); --lg-lapel: oklch(25% 0.03 230); --lg-shirt: oklch(98.5% 0.004 200); --lg-skin: oklch(84% 0.06 62); --lg-skin-line: oklch(55% 0.07 45); --lg-mouth: oklch(38% 0.08 20); --lg-case: oklch(48% 0.08 55); --lg-case-dark: oklch(36% 0.07 55); --lg-metal: oklch(78% 0.03 85); --lg-sand: oklch(89% 0.055 85); --lg-sand-shade: oklch(83% 0.06 82); --lg-sand-line: oklch(80% 0.06 80); --lg-sea: oklch(68% 0.09 210); --lg-wood: oklch(56% 0.07 60); --lg-shade: oklch(22% 0.02 230); --lg-chair: oklch(94% 0.025 176); --lg-check: 16px; --lg-check-edge: color-mix(in oklch, var(--ink-3) 55%, var(--card)); --lg-blush: oklch(76% 0.15 8 / .75); --lg-paw: color-mix(in oklch, var(--accent-fill) 78%, var(--ink)); --lg-pal-grip: 12px; --lg-stage-min: 560px; --lg-track-tight: -.02em; --lg-track-tighter: -.03em; --lg-track-head: -.035em; --lg-track-wide: .08em; --lg-track-mid: .06em; --lg-track-caps: .16em; --lg-thesis-w: 34rem; --lg-hair: 1px; --lg-pill: 999px; --lg-mode-gap: 2px; --lg-mode-pad: 3px; --lg-mode-btn-w: 32px; --lg-mode-btn-h: 28px; --lg-ico-s: 12px; --lg-ico-m: 15px; --lg-ico: 16px; --lg-ico-l: 18px; --lg-ring: 2px; --lg-ring-off: 3px; --lg-ring-in: -6px; --lg-card-shadow: 0 30px 70px -36px var(--shadow); --lg-btn-shadow: 0 12px 30px -14px var(--accent-fill); --lg-focus-ring: 0 0 0 4px var(--accent-tint); --lg-dot: 7px; --lg-bullet: 6px; --lg-dot-ring: 0 0 0 3px var(--good-tint); --lg-dot-pulse: 1.9; --lg-check-r: 5px; --lg-link-pad: 2px; --lg-bar-r: 2px; --lg-bar-w: 4px; --lg-z-pal: 2; --lg-off: -999px; --lg-zero: 0px; --lg-mask: black; --lg-t-rays: 24s; --lg-t-wave: 3.6s; --lg-t-sway: 5s; --lg-t-sway-slow: 7s; --lg-t-eye: .08s; --lg-t-no: .6s; --lg-t-pulse: 2.4s; --lg-t-shine: .7s; --lg-t-sweep: 1s; --lg-t-shake: .42s; --lg-fit: 1; --t-2xl: 2rem; --good: oklch(62% 0.14 155); --good-tint: oklch(62% 0.14 155 / .18); --lg-shine: oklch(100% 0 0 / .28); color-scheme: light; } :root[data-mode="light"]{ --paper: oklch(97% 0.008 176); --card: oklch(99% 0.004 170); --ink: oklch(22% 0.02 200); --ink-2: oklch(45% 0.02 200); --ink-3: oklch(53% 0.018 195); --rule: oklch(88% 0.014 185); --accent: oklch(46% 0.1 176); --accent-fill: oklch(52% 0.1 176); --accent-tint: oklch(59% 0.11 176 / .14); --on-accent: oklch(99% 0.004 170); --bad: oklch(55% 0.17 25); --bad-tint: oklch(60% 0.17 25 / .12); --shadow: oklch(22% 0.02 200 / .10); color-scheme: light } :root[data-mode="dark"]{ --lg-suit: oklch(40% 0.04 225); --lg-lapel: oklch(34% 0.04 225); --lg-sand: oklch(42% 0.04 80); --lg-sand-shade: oklch(35% 0.035 80); --lg-sand-line: oklch(50% 0.05 80); --lg-sea: oklch(58% 0.08 210); --lg-wood: oklch(50% 0.06 60); --lg-shade: oklch(14% 0.01 230); --lg-chair: oklch(32% 0.03 176); --paper: oklch(15% 0.004 250); --card: oklch(20.5% 0.005 250); --ink: oklch(95% 0.004 250); --ink-2: oklch(75% 0.005 250); --ink-3: oklch(64% 0.006 250); --rule: oklch(31% 0.006 250); --accent: oklch(78% 0.12 172); --accent-fill: oklch(72% 0.12 174); --accent-tint: oklch(72% 0.12 174 / .14); --on-accent: oklch(17% 0.02 200); --bad: oklch(72% 0.15 25); --bad-tint: oklch(72% 0.15 25 / .14); --shadow: oklch(4% 0 0 / .55); color-scheme: dark } :root[data-mode="moon"]{ --lg-suit: oklch(42% 0.06 270); --lg-lapel: oklch(35% 0.06 270); --lg-sand: oklch(44% 0.05 80); --lg-sand-shade: oklch(37% 0.045 80); --lg-sand-line: oklch(52% 0.06 80); --lg-sea: oklch(60% 0.09 240); --lg-wood: oklch(50% 0.06 60); --lg-shade: oklch(16% 0.03 278); --lg-chair: oklch(36% 0.06 278); --paper: oklch(19% 0.045 278); --card: oklch(24.5% 0.05 278); --ink: oklch(95% 0.02 278); --ink-2: oklch(81% 0.03 275); --ink-3: oklch(68% 0.04 275); --rule: oklch(35% 0.05 278); --accent: oklch(87% 0.12 88); --accent-fill: oklch(83% 0.13 85); --accent-tint: oklch(83% 0.13 85 / .14); --on-accent: oklch(20% 0.04 278); --bad: oklch(74% 0.14 25); --bad-tint: oklch(74% 0.14 25 / .14); --shadow: oklch(6% 0.03 278 / .55); color-scheme: dark } html,body{height:100%} [hidden]{display:none !important} body.login{margin:0;min-width:0;background:var(--paper);color:var(--ink);font:400 var(--t-m)/1.55 var(--font-body);-webkit-font-smoothing:antialiased} .lg{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100%} .lg-stage{box-sizing:border-box;position:relative;overflow:hidden;border-right:var(--lg-hair) solid var(--rule);display:grid;align-content:space-between;padding:var(--s-7);min-height:var(--lg-stage-min)} .lg-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:transform} .lg-stage > :not(canvas){position:relative} .lg-brand{display:flex;align-items:center;gap:var(--s-3);color:var(--accent);text-decoration:none;font:800 var(--t-xl)/1 var(--font-display);letter-spacing:var(--lg-track-head)} .lg-brand span{color:var(--ink);text-transform:uppercase} .lg-mark{width:var(--lg-mark);height:auto;overflow:visible;will-change:transform} .lg-thesis{display:grid;gap:var(--s-4);max-width:min(100%, var(--lg-thesis-w))} .lg-eyebrow{font:500 var(--t-2xs)/1 var(--font-mono);letter-spacing:var(--lg-track-caps);text-transform:uppercase;color:var(--ink-3)} .lg-thesis h2{margin:0;font:800 var(--t-3xl)/1.02 var(--font-display);letter-spacing:var(--lg-track-head);text-wrap:balance} .lg-thesis h2 em{font-style:normal;color:var(--accent)} .lg-readout{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);font:500 var(--t-2xs)/1 var(--font-mono);letter-spacing:var(--lg-track-wide);color:var(--ink-3);font-variant-numeric:tabular-nums;will-change:transform} .lg-readout b{font-weight:500;color:var(--ink-2)} .lg-side{display:grid;place-items:center;padding:calc(var(--s-8) + var(--s-2)) var(--s-5) var(--s-5);position:relative;overflow:hidden; background:radial-gradient(var(--lg-halo) circle at 50% 50%, var(--accent-tint), transparent 70%)} .lg-tools{position:absolute;top:var(--s-5);right:var(--s-5);display:flex;gap:var(--s-2)} .lg-mode{display:inline-flex;gap:var(--lg-mode-gap);padding:var(--lg-mode-pad);border:var(--lg-hair) solid var(--rule);border-radius:var(--lg-pill);background:var(--card)} .lg-mode :is(button,a){display:grid;place-items:center;width:var(--lg-mode-btn-w);height:var(--lg-mode-btn-h);border:0;border-radius:var(--lg-pill);background:transparent;color:var(--ink-3);cursor:pointer;transition:color var(--dur),background var(--dur)} .lg-lang a{box-sizing:border-box;box-shadow:none;width:auto;min-width:var(--lg-mode-btn-w);padding:0 var(--s-2);font:600 var(--t-2xs)/1 var(--font-body);letter-spacing:var(--lg-track-wide);text-decoration:none} .lg-mode button svg{width:var(--lg-ico-m);height:var(--lg-ico-m)} .lg-mode :is(button[aria-pressed="true"],a[aria-current]){background:var(--accent-tint);color:var(--accent)} .lg-mode :is(button,a):focus-visible{outline:var(--lg-ring) solid var(--accent-fill);outline-offset:var(--lg-ring)} .login #lg-box{--lg-beach-w:calc(var(--lg-beach-base) * var(--lg-pal-k));zoom:var(--lg-fit);position:relative;width:100%;max-width:var(--lg-card-w);display:grid;gap:var(--s-4);padding:0;margin:0} .login #lg-box h1{margin:0;text-align:left} .login #lg-box h1 a{display:none;width:auto;height:auto;margin:0;padding:0;background:none;text-indent:0;overflow:visible;color:var(--accent);font:800 var(--t-xl)/1 var(--font-display);letter-spacing:var(--lg-track-head);align-items:center;gap:var(--s-3);text-decoration:none} .login #lg-box h1 a span{color:var(--ink);text-transform:uppercase} .login #lg-box h1 a:focus,.login .lg-lang a:focus{box-shadow:none} .lg-card{position:relative;padding:var(--s-7) var(--s-6) var(--s-6);border:var(--lg-hair) solid var(--rule);border-radius:var(--r-card);background:var(--card);box-shadow:var(--lg-card-shadow)} .lg-card__light{position:absolute;inset:calc(var(--lg-edge) * -1);border-radius:inherit;padding:var(--lg-edge);overflow:hidden;pointer-events:none; -webkit-mask:linear-gradient(var(--lg-mask) 0 0) content-box, linear-gradient(var(--lg-mask) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--lg-mask) 0 0) content-box exclude, linear-gradient(var(--lg-mask) 0 0); opacity:0;transition:opacity var(--dur-m)} .lg-card:hover .lg-card__light,.lg-card:focus-within .lg-card__light{opacity:1} .lg-card__dot{position:absolute;left:0;top:0;width:calc(var(--lg-glow) * 2);height:calc(var(--lg-glow) * 2);margin:calc(var(--lg-edge) - var(--lg-glow)) 0 0 calc(var(--lg-edge) - var(--lg-glow));border-radius:50%;background:radial-gradient(closest-side, var(--accent-fill), transparent 70%);transform:translate3d(var(--lg-off), var(--lg-off), 0);will-change:transform} .lg-card{margin-top:calc(var(--lg-beach-w) * .82)} .lg-pal{position:absolute;left:50%;bottom:calc(100% - var(--lg-pal-sink));translate:-50% 0;width:var(--lg-beach-w);aspect-ratio:439/329;pointer-events:none;z-index:var(--lg-z-pal);transform-origin:50% 100%} .lg-pal__pose,.lg-pal__eyes,.lg-pal__rive{position:absolute;inset:0;width:100%;height:100%;display:block} .lg-scene{position:absolute;left:-18%;top:-10%;width:136%;height:113%;overflow:visible;will-change:transform} .lg-scene__sun{transform-box:fill-box;transform-origin:50% 50%;animation:lg-rays var(--lg-t-rays) linear infinite} .lg-scene__sun,.lg-scene__moon{transition:opacity var(--dur-m) var(--ease-out)} .lg-scene__moon{opacity:0} :root[data-mode="dark"] .lg-scene__sun,:root[data-mode="moon"] .lg-scene__sun{opacity:0} :root[data-mode="dark"] .lg-scene__moon,:root[data-mode="moon"] .lg-scene__moon{opacity:1} @keyframes lg-rays{to{transform:rotate(360deg)}} .lg-scene__wave{fill:none;stroke:var(--lg-sea);stroke-width:2.5;stroke-linecap:round;opacity:.7;animation:lg-wave var(--lg-t-wave) ease-in-out infinite} .lg-scene__wave--b{animation-delay:-1.8s} @keyframes lg-wave{50%{transform:translateX(5px)}} .lg-scene__sand{fill:var(--lg-sand)} .lg-scene__shade{fill:var(--lg-sand-shade)} .lg-scene__palm{transform-box:fill-box;transform-origin:60% 100%;animation:lg-sway var(--lg-t-sway) ease-in-out infinite} @keyframes lg-sway{50%{transform:rotate(-2deg)}} :root[data-mode="dark"] .lg-scene__palm,:root[data-mode="moon"] .lg-scene__palm{filter:brightness(.78) saturate(.9)} .lg-scene__pole{fill:none;stroke:var(--lg-wood);stroke-width:4;stroke-linecap:round} .lg-scene__canopy{fill:var(--accent-fill)} .lg-scene__panel{fill:var(--lg-chair)} .lg-scene__canopy-edge{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linejoin:round} .lg-scene__finial{fill:var(--lg-wood)} .lg-scene__umbrella{transform-box:fill-box;transform-origin:30% 100%;animation:lg-sway var(--lg-t-sway-slow) ease-in-out infinite reverse} .lg-pal.is-rive .lg-pal__pose,.lg-pal.is-rive .lg-pal__eyes{display:none} .lg-pal__pose{opacity:0;transition:opacity var(--dur-m) var(--ease-out)} .lg-pal__pose--rest{opacity:1} .lg-pal.is-oh .lg-pal__pose--oh,.lg-pal.is-hide .lg-pal__pose--glasses{opacity:1} .lg-pal.is-oh .lg-pal__pose--rest,.lg-pal.is-hide .lg-pal__pose--rest,.lg-pal.is-hide .lg-pal__pose--oh{opacity:0} .lg-pal__eyes{transition:opacity var(--dur)} .lg-pal.is-oh .lg-pal__eyes,.lg-pal.is-hide .lg-pal__eyes{opacity:0} .lg-pal__white{fill:var(--lg-eye-white)} .lg-pal__iris circle:first-child{fill:var(--lg-pupil)} .lg-pal__iris circle:last-child{fill:var(--lg-eye-white)} .lg-pal__iris{transition:transform var(--lg-t-eye) linear} .lg-pal.is-no{animation:lg-no var(--lg-t-no) var(--ease-out)} @keyframes lg-no{20%{transform:rotate(-2deg)}45%{transform:rotate(1.6deg)}70%{transform:rotate(-.8deg)}100%{transform:rotate(0)}} :root[data-mode="dark"] .lg-pal__pose,:root[data-mode="moon"] .lg-pal__pose,:root[data-mode="dark"] .lg-pal__rive,:root[data-mode="moon"] .lg-pal__rive,:root[data-mode="dark"] .lg-pal__eyes,:root[data-mode="moon"] .lg-pal__eyes{filter:brightness(.9) saturate(.92)} .lg-card__head{display:grid;gap:var(--s-2);margin-bottom:var(--s-5)} .lg-card__head .lg-eyebrow{display:flex;align-items:center;gap:var(--s-2)} .lg-dot{position:relative;width:var(--lg-dot);height:var(--lg-dot);border-radius:50%;background:var(--good);box-shadow:var(--lg-dot-ring)} .lg-dot::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:var(--lg-dot-ring);animation:lg-pulse var(--lg-t-pulse) ease-out infinite} @keyframes lg-pulse{to{transform:scale(var(--lg-dot-pulse));opacity:0}} .lg-card__head h2{margin:0;font:800 var(--t-2xl)/1.05 var(--font-display);letter-spacing:var(--lg-track-tighter)} .lg-card__head p{margin:0;color:var(--ink-2);font-size:var(--t-s)} .login :is(#lg-form,.lgx-form){display:grid;gap:var(--s-4);margin:0;padding:0;overflow:visible;background:none;border:0;box-shadow:none;font-weight:400} .login :is(#lg-form,.lgx-form).shake{animation:none} .login :is(#lg-form,.lgx-form) p{margin:0} .login :is(#lg-form,.lgx-form) .lg-pass-wrap{display:grid;gap:var(--s-2)} .lg-field{position:relative} .login .lg-field > label{position:absolute;left:var(--lg-in);top:calc(var(--lg-field-h) / 2);transform:translateY(-50%);margin:0;font:500 var(--t-s)/1 var(--font-body);color:var(--ink-3);pointer-events:none;transition:opacity var(--dur)} .login .lg-field.is-up > label{opacity:0} .lg-field > svg{position:absolute;left:var(--s-4);top:calc(var(--lg-field-h) / 2);width:var(--lg-ico-l);height:var(--lg-ico-l);transform:translateY(-50%);color:var(--ink-3);pointer-events:none;transition:color var(--dur)} .lg-field:focus-within > svg{color:var(--accent)} :is(#lg-form,.lgx-form) .input{box-sizing:border-box;width:100%;height:var(--lg-field-h);min-height:0;margin:0;padding:0 var(--s-4) 0 var(--lg-in);border:var(--lg-hair) solid var(--rule);border-radius:var(--r);background:var(--paper);color:var(--ink);font:500 var(--t-m)/1 var(--font-body);transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)} :is(#lg-form,.lgx-form) .input:hover{border-color:var(--ink-3)} :is(#lg-form,.lgx-form) .input:focus{outline:none;border-color:var(--accent-fill);box-shadow:var(--lg-focus-ring);background:var(--card)} :is(#lg-form,.lgx-form) .lg-pwd .input{padding-right:var(--lg-field-h)} :is(#lg-form,.lgx-form) .lg-eye{position:absolute;top:0;right:0;width:var(--lg-field-h);height:var(--lg-field-h);min-width:0;min-height:0;margin:0;padding:0;display:grid;place-items:center;border:0;background:transparent;box-shadow:none;color:var(--ink-3);cursor:pointer;border-radius:var(--r)} :is(#lg-form,.lgx-form) .lg-eye:hover{color:var(--ink)} :is(#lg-form,.lgx-form) .lg-eye:focus{box-shadow:none;outline:0} :is(#lg-form,.lgx-form) .lg-eye:focus-visible{outline:var(--lg-ring) solid var(--accent-fill);outline-offset:var(--lg-ring-in)} :is(#lg-form,.lgx-form) .lg-eye svg{width:var(--lg-ico-l);height:var(--lg-ico-l)} :is(#lg-form,.lgx-form) .lg-eye .is-off{display:none} :is(#lg-form,.lgx-form) .lg-eye[aria-pressed="true"] .is-on{display:none} :is(#lg-form,.lgx-form) .lg-eye[aria-pressed="true"] .is-off{display:block} .login .caps-warning{display:none;align-items:center;gap:var(--s-2);margin-top:var(--s-2);padding:0;background:none;border:0;box-shadow:none;font:500 var(--t-2xs)/1 var(--font-mono);letter-spacing:var(--lg-track-wide);text-transform:uppercase;color:var(--accent)} .login .caps-warning[style*="block"],.login .caps-warning[style*="flex"]{display:flex !important} .login .caps-warning .caps-icon{display:none} .login .caps-warning::before{content:"";width:var(--lg-bullet);height:var(--lg-bullet);border-radius:50%;background:currentColor} .lg-caps{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2);font:500 var(--t-2xs)/1 var(--font-mono);letter-spacing:var(--lg-track-wide);text-transform:uppercase;color:var(--accent)} .lg-caps::before{content:"";width:var(--lg-bullet);height:var(--lg-bullet);border-radius:50%;background:currentColor} .lg-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap} .lg-row > *{margin:0} .login .lg-keep{display:flex;float:none;margin:0} .login .lg-keep label{display:inline-flex;align-items:center;gap:var(--s-2);margin:0;font:500 var(--t-s)/1.2 var(--font-body);color:var(--ink-2);cursor:pointer;user-select:none} .login .lg-keep input{position:absolute;margin:0;opacity:0;width:var(--lg-hair);height:var(--lg-hair)} .lg-check{position:relative;flex:none;width:var(--lg-check);height:var(--lg-check);border:1px solid var(--lg-check-edge);border-radius:var(--lg-check-r);background:var(--paper);transition:background var(--dur),border-color var(--dur),transform var(--dur) var(--ease-out)} .lg-check svg{position:absolute;inset:var(--lg-hair);width:calc(100% - var(--lg-hair) * 2);height:calc(100% - var(--lg-hair) * 2);color:var(--on-accent)} .lg-check path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset var(--dur-m) var(--ease-out)} .lg-keep input:checked + .lg-check{background:var(--accent-fill);border-color:var(--accent-fill)} .lg-keep input:checked + .lg-check path{stroke-dashoffset:0} .lg-keep label:hover .lg-check{border-color:var(--accent-fill)} .lg-keep label:active .lg-check{transform:scale(.9)} .lg-keep input:focus-visible + .lg-check{outline:var(--lg-ring) solid var(--accent-fill);outline-offset:var(--lg-ring-off)} .lg-keep small{font:500 var(--t-2xs)/1 var(--font-mono);letter-spacing:var(--lg-track-mid);color:var(--ink-3)} .lg-link{position:relative;color:var(--ink-2);font:500 var(--t-s)/1.2 var(--font-body);text-decoration:none;padding-block:var(--lg-link-pad);transition:color var(--dur)} .lg-link::after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--lg-hair) * -1);height:var(--lg-hair);background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform var(--dur-m) var(--ease-out)} .lg-link:hover{color:var(--accent)} .lg-link:hover::after{transform:scaleX(1);transform-origin:left} .lg-link:focus-visible{outline:var(--lg-ring) solid var(--accent-fill);outline-offset:var(--lg-ring-off);border-radius:var(--lg-bar-r)} .login .submit{position:relative;margin-top:var(--s-1) !important;padding:0;clear:none} :is(#lg-submit,.lgx-submit){--bx:var(--lg-zero);--by:var(--lg-zero);position:relative;display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;height:var(--lg-field-h);border:0;border-radius:var(--r);background:var(--accent-fill);color:var(--on-accent);font:600 var(--t-m)/1 var(--font-body);cursor:pointer;overflow:hidden; transform:translate(var(--bx), var(--by));transition:transform var(--dur-m) var(--ease-out),filter var(--dur),box-shadow var(--dur)} :is(#lg-submit,.lgx-submit)::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg, transparent 30%, var(--lg-shine) 50%, transparent 70%);transform:translateX(-120%);transition:transform var(--lg-t-shine) var(--ease-out)} :is(#lg-submit,.lgx-submit):hover{filter:brightness(1.05);box-shadow:var(--lg-btn-shadow)} :is(#lg-submit,.lgx-submit):hover::before{transform:translateX(120%)} :is(#lg-submit,.lgx-submit):active{filter:brightness(.97)} :is(#lg-submit,.lgx-submit):focus-visible{outline:var(--lg-ring) solid var(--accent);outline-offset:var(--lg-ring-off)} :is(#lg-submit,.lgx-submit) svg{position:relative;width:var(--lg-ico);height:var(--lg-ico);transition:transform var(--dur) var(--ease-out)} :is(#lg-submit,.lgx-submit) span{position:relative} :is(#lg-submit,.lgx-submit):hover svg{transform:translateX(3px)} :is(#lg-submit,.lgx-submit).is-busy{pointer-events:none} :is(#lg-submit,.lgx-submit).is-busy::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, var(--lg-shine), transparent);animation:lg-sweep var(--lg-t-sweep) linear infinite} @keyframes lg-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}} .lg-spark{position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%;overflow:visible;color:var(--accent-fill)} .login #lg-error,.login #lg-message{display:flex;margin-top:0;border:0;box-shadow:none;gap:var(--s-3);align-items:flex-start;margin-bottom:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--bad-tint);color:var(--ink);font-size:var(--t-s)} .login #lg-message{background:var(--accent-tint)} .login #lg-error p,.login #lg-message p{margin:0} .login #lg-message::before{background:var(--accent-fill)} #lg-error::before,#lg-message::before{content:"";flex:none;width:var(--lg-bar-w);align-self:stretch;border-radius:var(--lg-bar-r);background:var(--bad)} #lg-error.is-shake{animation:lg-shake var(--lg-t-shake) var(--ease-out)} @keyframes lg-shake{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}} .login #lg-nav,.login #lg-back{margin:0;padding:0;font-size:inherit} .login #lg-nav:empty{display:none} .lg-under{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--s-3)} .lg-under p{margin:0} .login #lg-box .lg-under a{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--ctl);padding:0 var(--s-4);border:var(--lg-hair) solid var(--rule);border-radius:var(--r);background:var(--card);color:var(--ink-2);font:500 var(--t-s)/1.2 var(--font-body);text-decoration:none;transition:border-color var(--dur),color var(--dur),transform var(--dur) var(--ease-out)} .lg-under a svg{width:var(--lg-ico);height:var(--lg-ico);flex:none;transition:transform var(--dur) var(--ease-out)} .login #lg-box .lg-under a:hover{border-color:var(--accent-fill);color:var(--ink)} .login .lg-under #lg-back a:hover svg{transform:translateX(-3px)} .login .lg-under .lg-guide a:hover svg{transform:translateY(-2px)} .login #lg-box .lg-under a:focus-visible{outline:var(--lg-ring) solid var(--accent-fill);outline-offset:var(--lg-ring)} .lg-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:0 var(--s-1);font:500 var(--t-2xs)/1.4 var(--font-mono);letter-spacing:var(--lg-track-wide);text-transform:uppercase;color:var(--ink-3)} .lg-foot span{display:inline-flex;align-items:center;gap:var(--s-2)} .lg-foot svg{width:var(--lg-ico-s);height:var(--lg-ico-s)} .login .privacy-policy-page-link{margin:0;text-align:center} .login .privacy-policy-page-link a{color:var(--ink-3);font:500 var(--t-2xs)/1.4 var(--font-mono);letter-spacing:var(--lg-track-wide);text-transform:uppercase;text-decoration:none} .login .privacy-policy-page-link a:hover{color:var(--accent)} .screen-reader-text{position:absolute;width:var(--lg-hair);height:var(--lg-hair);overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media (max-width: 899px){ .lg{grid-template-columns:minmax(0,1fr)} .lg-stage{position:fixed;inset:0;min-height:0;border:0;padding:var(--s-5);opacity:.55} .lg-stage > :not(canvas){display:none} .lg-side{min-height:100%;padding:var(--s-8) var(--s-4) var(--s-5)} .login #lg-box h1 a{display:flex} .lg-card{padding:var(--s-6) var(--s-5) var(--s-5)} :root{--lg-beach-base: 290px} } @media (max-width: 599px){ :root{--lg-beach-base: 260px} .lg-under{grid-template-columns:minmax(0,1fr)} } @media (prefers-reduced-motion: reduce){ #lg-error.is-shake,:is(#lg-submit,.lgx-submit).is-busy::after,.lg-dot::after,.lg-pal.is-no{animation:none} .lg-pal__pose,.lg-pal__iris{transition:none} .lg-scene__sun,.lg-scene__wave,.lg-scene__palm,.lg-scene__umbrella{animation:none} :is(#lg-submit,.lgx-submit){transform:none} } :root{ --brand-disc: oklch(52% 0.1 176); --brand-disc-mark: oklch(99% 0.004 170); --brand-word: var(--brand-disc); --brand-loop: 4.4s; --brand-beat-d: .3s; --brand-pop: .5s; --brand-stroke-w: 34; --brand-pop-from: .86; --brand-pop-over: 1.04; --brand-bub-from: .3; --brand-bub-to: 1.8; --brand-bub-peak: .85; --brand-b1-x: -120px; --brand-b1-y: -40px; --brand-b1-t: .05s; --brand-b2-x: -100px; --brand-b2-y: 62px; --brand-b2-t: .15s; --brand-b3-x: 95px; --brand-b3-y: -76px; --brand-b3-t: .1s; --brand-b4-x: -58px; --brand-b4-y: -72px; --brand-b4-t: .25s; --brand-b5-x: 100px; --brand-b5-y: 76px; --brand-b5-t: .2s; } :root[data-mode="dark"]{--brand-disc: var(--dg-dark-disc)} :root[data-mode="moon"]{--brand-disc: var(--accent-fill); --brand-disc-mark: oklch(99% 0.004 170); --brand-word: oklch(99% 0.004 170)} svg.dg-badge{overflow:visible} svg.dg-badge .dg-disc,svg.dg-badge .dg-bub{fill:var(--brand-disc)} svg.dg-badge .dg-piece{fill:var(--brand-disc-mark)} svg.dg-badge .dg-bub{opacity:0} svg.dg-badge .dg-disc,svg.dg-badge .dg-bub{transform-box:fill-box;transform-origin:center} svg.dg-badge .dg-bub:nth-child(5){--x:var(--brand-b1-x);--y:var(--brand-b1-y);--t:var(--brand-b1-t)} svg.dg-badge .dg-bub:nth-child(6){--x:var(--brand-b2-x);--y:var(--brand-b2-y);--t:var(--brand-b2-t)} svg.dg-badge .dg-bub:nth-child(7){--x:var(--brand-b3-x);--y:var(--brand-b3-y);--t:var(--brand-b3-t)} svg.dg-badge .dg-bub:nth-child(8){--x:var(--brand-b4-x);--y:var(--brand-b4-y);--t:var(--brand-b4-t)} svg.dg-badge .dg-bub:nth-child(9){--x:var(--brand-b5-x);--y:var(--brand-b5-y);--t:var(--brand-b5-t)} :where(.brand,.lg-brand,#lg-box h1) svg.dg-badge .dg-piece{stroke:var(--brand-disc-mark);stroke-width:var(--brand-stroke-w);stroke-linejoin:round;stroke-dasharray:1;stroke-opacity:0;animation:dg-loop var(--brand-loop) var(--ease-out) infinite} :where(.brand,.lg-brand,#lg-box h1) svg.dg-badge .dg-piece:nth-child(3){animation-delay:var(--brand-beat-d)} :where(.brand,.lg-brand,#lg-box h1) svg.dg-badge .dg-piece:nth-child(4){animation-delay:calc(var(--brand-beat-d) * 2)} :where(.brand,.lg-brand,#lg-box h1) svg.dg-badge .dg-disc{animation:dg-pop var(--brand-pop) var(--ease-out) both} :where(.brand,.lg-brand,#lg-box h1) svg.dg-badge .dg-bub{animation:dg-bubble var(--brand-loop) var(--ease-out) var(--t) infinite} :root.is-scrolling .brand svg.dg-badge :is(.dg-piece,.dg-bub){animation-play-state:paused} svg.dg-badge.is-replay .dg-piece{animation-name:dg-loop-r} svg.dg-badge.is-replay .dg-disc{animation-name:dg-pop-r} svg.dg-badge.is-replay .dg-bub{animation-name:dg-bubble-r} @keyframes dg-loop{0%{stroke-dashoffset:1;fill-opacity:0;stroke-opacity:1}28%{stroke-dashoffset:0;fill-opacity:0;stroke-opacity:1}40%{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}78%{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}90%{stroke-dashoffset:0;fill-opacity:0;stroke-opacity:1}100%{stroke-dashoffset:-1;fill-opacity:0;stroke-opacity:1}} @keyframes dg-loop-r{0%{stroke-dashoffset:1;fill-opacity:0;stroke-opacity:1}28%{stroke-dashoffset:0;fill-opacity:0;stroke-opacity:1}40%{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}78%{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}90%{stroke-dashoffset:0;fill-opacity:0;stroke-opacity:1}100%{stroke-dashoffset:-1;fill-opacity:0;stroke-opacity:1}} @keyframes dg-pop{0%{transform:scale(var(--brand-pop-from))}60%{transform:scale(var(--brand-pop-over))}100%{transform:none}} @keyframes dg-pop-r{0%{transform:scale(var(--brand-pop-from))}60%{transform:scale(var(--brand-pop-over))}100%{transform:none}} @keyframes dg-bubble{0%,54%{transform:scale(var(--brand-bub-from));opacity:0}60%,74%{opacity:var(--brand-bub-peak)}88%,100%{transform:translate(var(--x),var(--y)) scale(var(--brand-bub-to));opacity:0}} @keyframes dg-bubble-r{0%,54%{transform:scale(var(--brand-bub-from));opacity:0}60%,74%{opacity:var(--brand-bub-peak)}88%,100%{transform:translate(var(--x),var(--y)) scale(var(--brand-bub-to));opacity:0}} @media (prefers-reduced-motion: reduce){:where(.brand,.lg-brand,#lg-box h1) svg.dg-badge :is(.dg-piece,.dg-disc,.dg-bub){animation:none}} .lgx-chip{display:flex;align-items:center;gap:var(--s-3);margin:0 0 var(--s-4);padding:var(--s-2) var(--s-3);border:var(--lg-hair) solid var(--rule);border-radius:var(--r);background:var(--paper);font-size:var(--t-xs);color:var(--ink-2)} .lgx-chip__mark{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--lg-pill);background:var(--accent-tint);color:var(--accent);font:700 var(--t-xs)/1 var(--font-display)} .lgx-chip b{display:block;color:var(--ink);font-weight:600;font-size:var(--t-s);overflow-wrap:anywhere} .lgx-chip span{min-width:0} .lgx-view{display:grid;gap:var(--s-4)} .lgx-view[hidden]{display:none} .lgx-who{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border:var(--lg-hair) solid var(--rule);border-radius:var(--r);background:var(--paper)} .lgx-who__av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--lg-pill);background:var(--accent-fill);color:var(--on-accent);font:700 var(--t-m)/1 var(--font-display)} .lgx-who__t{min-width:0;flex:1;display:grid;gap:2px} .lgx-who__t b{color:var(--ink);font-size:var(--t-s);overflow-wrap:anywhere} .lgx-who__t span{color:var(--ink-3);font-size:var(--t-xs)} .lgx-spin{flex:none;width:28px;height:28px;color:var(--accent)} .lgx-spin circle{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:44 100;transform-origin:50% 50%;animation:lgx-rot .9s linear infinite} .lgx-spin path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1} .lgx-spin.is-done circle{animation:none;stroke-dasharray:100 0} .lgx-spin.is-done path{stroke-dashoffset:0;transition:stroke-dashoffset var(--dur-m) var(--ease-out)} @keyframes lgx-rot{to{transform:rotate(360deg)}} .lgx-btns{display:grid;gap:var(--s-2)} .lgx-btn{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;height:var(--lg-field-h);padding:0 var(--s-4);border:var(--lg-hair) solid var(--rule);border-radius:var(--r);background:var(--card);color:var(--ink);font:600 var(--t-s)/1 var(--font-body);cursor:pointer;transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out)} .lgx-btn:hover{border-color:var(--accent)} .lgx-btn:focus-visible{outline:var(--lg-ring) solid var(--accent);outline-offset:var(--lg-ring-off)} .lgx-btn--go{border-color:transparent;background:var(--accent-fill);color:var(--on-accent)} .lgx-btn--go:hover{border-color:transparent;filter:brightness(1.05)} .lgx-btn svg{width:var(--lg-ico);height:var(--lg-ico)} .lgx-msg{margin:0;color:var(--ink-2);font-size:var(--t-s)} .lgx-msg b{color:var(--ink);overflow-wrap:anywhere} .lgx-alt{margin:var(--s-5) 0 0;text-align:center;color:var(--ink-3);font-size:var(--t-xs)} .lgx-alt a{color:var(--accent);font-weight:600;text-decoration:none} .lgx-alt a:hover{text-decoration:underline} .lgx-alt a:focus-visible{outline:var(--lg-ring) solid var(--accent);outline-offset:2px;border-radius:4px} .lgx-code{position:relative;display:flex;justify-content:center;gap:var(--s-3);height:64px} .lgx-code input{width:60px;height:64px;padding:0;border:var(--lg-hair) solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink);font:500 1.625rem/1 var(--font-mono);text-align:center;caret-color:var(--accent); transition:transform var(--dur-m) var(--ease-out),border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out)} .lgx-code input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)} .lgx-code input.is-on{border-color:var(--accent)} .lgx-code input.is-pop{animation:lgx-pop .18s var(--ease-out)} @keyframes lgx-pop{50%{transform:scale(1.08)}} .lgx-code.is-bad input{border-color:var(--bad);background:var(--bad-tint)} .lgx-code.is-bad{animation:lg-shake var(--lg-t-shake) var(--ease-out)} .lgx-code.is-sealed input{transform:translateX(var(--dx));border-color:transparent;background:var(--accent-fill);color:transparent;pointer-events:none} .lgx-code.is-sealed input:not(:first-child){opacity:0;transition-delay:.12s} .lgx-code__seal{position:absolute;left:50%;top:0;display:grid;place-items:center;width:64px;height:64px;margin-left:-32px;border-radius:12px;background:var(--accent-fill);color:var(--on-accent);opacity:0;pointer-events:none} .lgx-code.is-sealed .lgx-code__seal{opacity:1;animation:lgx-seal .7s var(--ease-out) .32s forwards} .lgx-code__seal svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .lgx-code__seal path{stroke-dasharray:1;stroke-dashoffset:1} .lgx-code.is-sealed .lgx-code__seal path{animation:lgx-tick .36s var(--ease-out) .82s forwards} @keyframes lgx-seal{40%{width:64px;margin-left:-32px;border-radius:32px}100%{width:168px;margin-left:-84px;border-radius:32px}} @keyframes lgx-tick{to{stroke-dashoffset:0}} .lgx-resend{display:flex;justify-content:center;gap:var(--s-2);color:var(--ink-3);font-size:var(--t-xs)} .lgx-resend button{padding:0;border:0;background:none;color:var(--accent);font:600 var(--t-xs)/1.4 var(--font-body);cursor:pointer} .lgx-resend button:disabled{color:var(--ink-3);cursor:default} .lgx-resend button:focus-visible{outline:var(--lg-ring) solid var(--accent);outline-offset:2px;border-radius:4px} .lgx-sun{transform-box:fill-box;transform-origin:50% 50%;animation:lg-rays var(--lg-t-rays) linear infinite} .lgx-sun,.lgx-moon{transition:opacity var(--dur-m) var(--ease-out)} .lgx-moon{opacity:0} :root[data-mode="dark"] .lgx-sun,:root[data-mode="moon"] .lgx-sun{opacity:0} :root[data-mode="dark"] .lgx-moon,:root[data-mode="moon"] .lgx-moon{opacity:1} :root[data-mode="dark"] .lg-scene__palm,:root[data-mode="moon"] .lg-scene__palm{filter:brightness(.78) saturate(.9)} @media (prefers-reduced-motion: reduce){.lgx-sun{animation:none}} .lgx-tools{position:absolute;top:var(--s-5);right:var(--s-5);display:flex;gap:var(--s-2)} .lgx-tools .lg-mode{position:static} .lgx-lang button{width:auto;min-width:var(--lg-mode-btn-w);padding:0 var(--s-2);font:600 var(--t-2xs)/1 var(--font-body);letter-spacing:var(--lg-track-wide)} .lg-card.is-ok .lg-card__head{display:none} .lgx-ok{display:grid;justify-items:center;text-align:center;padding-top:var(--s-2)} .lgx-ok__badge{position:relative;width:88px;height:88px;margin-bottom:var(--s-4)} .lgx-ok__badge svg{position:relative;width:100%;height:100%;overflow:visible} .lgx-ok__ring{fill:none;stroke:var(--accent-fill);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%;animation:lgx-draw .55s var(--ease-out) forwards} .lgx-ok__fill{fill:var(--accent-fill);transform:scale(0);transform-origin:50% 50%;animation:lgx-fill .45s cubic-bezier(.34,1.56,.64,1) .45s forwards} .lgx-ok__tick{fill:none;stroke:var(--on-accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lgx-draw .35s var(--ease-out) .8s forwards} .lgx-ok__ripple{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent-fill);opacity:0;animation:lgx-ripple 1.6s var(--ease-out) 1.7s infinite} .lgx-ok__ripple + .lgx-ok__ripple{animation-delay:2.5s} .lgx-ok__sparks{position:absolute;inset:0} .lgx-ok__sparks i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--accent-fill);opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4);animation:lgx-spark .7s var(--ease-out) .8s forwards} .lgx-ok__sparks i:nth-child(3n){background:#f2b544;width:4px;height:10px;margin:-5px -2px;border-radius:2px} @keyframes lgx-draw{to{stroke-dashoffset:0}} @keyframes lgx-fill{to{transform:scale(1)}} @keyframes lgx-ripple{0%{opacity:.5;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}} @keyframes lgx-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}60%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1)}} .lgx-ok__k,.lgx-ok__h,.lgx-ok__p,.lgx-ok__row{opacity:0;transform:translateY(10px);animation:lgx-rise .5s var(--ease-out) forwards} .lgx-ok__k{margin:0 0 var(--s-2);font:500 var(--t-2xs)/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);animation-delay:.95s} .lgx-ok__h{margin:0;font:700 var(--t-xl)/1.15 var(--font-display);letter-spacing:-.02em;color:var(--ink);animation-delay:1.05s} .lgx-ok__p{margin:var(--s-2) 0 var(--s-5);color:var(--ink-2);font-size:var(--t-s);animation-delay:1.15s} .lgx-ok__row{width:100%;animation-delay:1.25s;text-align:left} .lgx-ok__go{margin-top:var(--s-4);animation-delay:1.35s} @keyframes lgx-rise{to{opacity:1;transform:none}} .lgx-ok__shield{flex:none;width:22px;height:22px;margin-left:auto;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .lgx-ok__bar{height:4px;border-radius:999px;background:var(--rule);overflow:hidden} .lgx-ok__bar i{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-fill),#f2b544);transform:scaleX(0);transform-origin:0 50%;animation:lgx-fillbar 3.1s cubic-bezier(.4,0,.2,1) 1.4s forwards} @keyframes lgx-fillbar{to{transform:scaleX(1)}} .lgx-ok__line{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3);color:var(--ink-3);font-size:var(--t-xs)} .lgx-ok__dots i{font-style:normal;animation:lgx-dot 1.2s infinite} .lgx-ok__dots i:nth-child(2){animation-delay:.2s}.lgx-ok__dots i:nth-child(3){animation-delay:.4s} @keyframes lgx-dot{0%,100%{opacity:.2}50%{opacity:1}} .lgx-ok__now{display:inline-flex;align-items:center;gap:var(--s-1);padding:0;border:0;background:none;color:var(--accent);font:600 var(--t-xs)/1.4 var(--font-body);cursor:pointer} .lgx-ok__now svg{width:14px;height:14px;transition:transform .2s var(--ease-out)} .lgx-ok__now:hover svg{transform:translateX(3px)} .lgx-ok__now:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px} @media (prefers-reduced-motion: reduce){.lgx-ok *{animation:none!important}.lgx-ok__k,.lgx-ok__h,.lgx-ok__p,.lgx-ok__row{opacity:1;transform:none}.lgx-ok__ring,.lgx-ok__tick{stroke-dashoffset:0}.lgx-ok__fill{transform:none}.lgx-ok__bar i{transform:scaleX(1)}.lgx-ok__sparks,.lgx-ok__ripple{display:none}} :where(.login) p{line-height:1.5}:where(.login) button{font-family:inherit;font-size:inherit;padding:0}:where(.login) input{box-shadow:0 0 0 transparent}.login .lg-keep{align-items:center;gap:4px;min-height:40px}