.login-page{font-family:var(--font-body);color:var(--ink);position:relative;overflow:hidden;min-height:100vh;width:100%;background:linear-gradient(163deg,color-mix(in srgb,var(--paper) 55%,var(--card)) 0,var(--paper) 52%,color-mix(in srgb,var(--paper) 60%,var(--line)) 100%);display:flex;align-items:center;justify-content:center;padding:40px 22px;-webkit-font-smoothing:antialiased}.login-page *,.login-page :after,.login-page :before{box-sizing:border-box}.login-page:before{content:"";position:absolute;inset:-8%;z-index:0;pointer-events:none;background:radial-gradient(1100px 720px at 12% 6%,color-mix(in srgb,var(--macro-carbs) 34%,transparent),transparent 62%),radial-gradient(880px 620px at 90% 16%,color-mix(in srgb,var(--macro-water) 30%,transparent),transparent 60%),radial-gradient(1020px 760px at 80% 94%,color-mix(in srgb,var(--sprout) 34%,transparent),transparent 63%),radial-gradient(720px 560px at 18% 90%,color-mix(in srgb,var(--macro-fat) 18%,transparent),transparent 60%);animation:login-mesh 38s ease-in-out infinite alternate}@keyframes login-mesh{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.08) translate3d(-2%,-1.5%,0)}}.login-page:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.login-page .wrap{width:100%;max-width:420px;position:relative;z-index:1}.login-page .brand{display:flex;align-items:center;gap:9px;margin-bottom:26px}.login-page .mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--sprout);color:var(--card);font-size:15px;line-height:1}.login-page .brand-name{font-family:var(--font-display);font-size:15.5px;font-weight:700;letter-spacing:-.01em}.login-page .brand-name i{font-style:normal;color:var(--sprout)}.login-page h1{font-family:var(--font-display);font-size:38px;line-height:1.06;font-weight:800;letter-spacing:-.035em;margin:0 0 14px}.login-page .sub{margin:0 0 26px;font-size:15px;line-height:1.55;color:var(--muted);max-width:34ch}.login-page .demo{background:var(--card);border-radius:26px;padding:20px 20px 18px;box-shadow:0 1px 0 rgba(255,255,255,.9),0 30px 60px -34px rgba(30,43,28,.55),0 2px 10px -6px rgba(30,43,28,.18)}.login-page .demo-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.login-page .dial{position:relative;flex:0 0 116px}.login-page .dial-svg{width:116px;height:63px;display:block}.login-page .dial-numeral{font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}.login-page .dial-pct{position:absolute;right:-3px;top:6px;font-size:12px;font-weight:700;color:var(--muted)}.login-page .wave{animation:login-drift 5s linear infinite}@keyframes login-drift{0%{transform:translateX(0)}to{transform:translateX(-40px)}}.login-page .demo-copy{min-width:0}.login-page .demo-title{font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.2;margin-bottom:3px}.login-page .demo-note{font-size:12.5px;color:var(--muted);line-height:1.4}.login-page .demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.login-page .tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:10px 9px;cursor:pointer;font-family:inherit;color:var(--ink);text-align:left;transition:transform .14s cubic-bezier(.2,.8,.2,1),background .2s,border-color .2s}.login-page .tile:active{transform:scale(.95)}.login-page .tile:focus-visible{outline:2.5px solid var(--focus-ring);outline-offset:2px}.login-page .tile.on{background:color-mix(in srgb,var(--tint) 13%,var(--card));border-color:color-mix(in srgb,var(--tint) 55%,var(--card))}.login-page .tile-glyph{font-size:17px;line-height:1.1;margin-bottom:5px}.login-page .tile-name{font-size:11.5px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.login-page .tile-meta{font-size:10px;color:var(--muted);font-weight:500;margin-top:1px}.login-page .tile.on .tile-meta{color:color-mix(in srgb,var(--tint) 80%,var(--ink));font-weight:700}.login-page .cta{width:100%;margin-top:26px;display:flex;align-items:center;justify-content:center;gap:11px;padding:14px 20px;border-radius:999px;cursor:pointer;background:var(--card);border:1.5px solid var(--line);font-family:inherit;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:0 10px 24px -20px rgba(30,43,28,.7);transition:transform .14s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s}.login-page .cta img{width:18px;height:18px;display:block}.login-page .cta:active{transform:scale(.985)}.login-page .cta:focus-visible{outline:2.5px solid var(--focus-ring);outline-offset:3px}.login-page .cta:disabled{cursor:default;opacity:.65}.login-page .cta-error{margin:10px 0 0;text-align:center;font-size:12.5px;line-height:1.4;color:var(--danger)}.login-page .note{margin:16px 0 0;text-align:center;font-size:12px;line-height:1.5;color:var(--muted)}@media (min-width:900px){.login-page{padding:48px 40px}.login-page .wrap{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:20px 64px;align-content:center;grid-template-areas:"brand demo" "h1    demo" "sub   demo" "cta   demo" "err   demo" "note  demo"}.login-page .brand{grid-area:brand;margin-bottom:6px}.login-page h1{grid-area:h1;font-size:52px;margin-bottom:4px}.login-page .sub{grid-area:sub;font-size:16px;margin-bottom:6px}.login-page .demo{grid-area:demo;align-self:center;padding:24px 24px 22px}.login-page .cta{grid-area:cta;width:auto;justify-self:start;padding:14px 26px;margin-top:12px}.login-page .cta-error{grid-area:err;text-align:left;margin-top:6px}.login-page .note{grid-area:note;text-align:left;margin-top:2px}.login-page .dial{flex:0 0 132px}.login-page .dial-svg{width:132px;height:72px}.login-page .demo-grid{gap:9px}.login-page .tile{padding:12px 11px;border-radius:18px}.login-page .tile-glyph{font-size:19px}.login-page .tile-name{font-size:12.5px}.login-page .tile-meta{font-size:11px}}@media (hover:hover){.login-page .tile:hover:not(:active){border-color:var(--edge-soft)}.login-page .tile.on:hover:not(:active){border-color:color-mix(in srgb,var(--tint) 72%,var(--card))}.login-page .cta:hover:not(:disabled){border-color:var(--edge-soft-hover);box-shadow:0 14px 28px -20px rgba(30,43,28,.75)}}@media (prefers-reduced-motion:reduce){.login-page .wave,.login-page:before{animation:none}.login-page *{transition-duration:1ms!important}}