.login-page{--paper:#fff;--surface:#fff;--ink:#1a1a1a;--ink-2:#2a2a2a;--ink-3:#6a6a6a;--rule:#c9c4b2;--rule-soft:#dcd7c5;--green:#064e3b;--green-tint:#e4ece7;--signal:#b4502c;--display-weight:400;--display-tracking:-.03em;--ease:cubic-bezier(.2,.7,.2,1);background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-sans),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;font-size:18px;line-height:1.55;display:flex;position:relative}[data-theme=dark] .login-page{--paper:#000;--surface:#000;--ink:#f5f7f8;--ink-2:#dadde0;--ink-3:#a3a8ad;--rule:#3e4144;--rule-soft:#2f3336;--green:#0daa81;--green-tint:#0daa811a;--signal:#f08a5d}.login-page:before{content:none}.login-page>*{z-index:1;position:relative}.login-header{background:color-mix(in srgb,var(--paper)90%,transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--rule-soft);width:100%}.login-header .container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:clamp(12px,2.2vw,18px) 80px;display:flex}.login-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:560px;padding:40px 24px 96px;display:flex}.login-title{font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:0 0 18px;font-size:clamp(44px,5.4vw,68px);line-height:1.1}.login-sub{color:var(--ink-3);text-wrap:pretty;margin:0 0 48px;font-size:19px}.login-form{width:100%}.login-page .login-field{background:var(--surface);border:1.5px solid var(--input-border);width:100%;height:68px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);border-radius:6px;align-items:center;padding:6px 6px 6px 28px;display:flex}.login-page .login-field:focus-within{border-color:var(--ink);box-shadow:none}.login-page .login-field input{font:inherit;color:var(--ink);text-align:left;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:18px}.login-page .login-field input::placeholder{color:var(--ink-3);opacity:.6}.login-page .login-field .send{background:var(--ink);height:54px;color:var(--paper);font:inherit;cursor:pointer;white-space:nowrap;transition:background .25s var(--ease),opacity .25s var(--ease);border:none;border-radius:6px;align-items:center;gap:8px;padding:0 28px;font-size:16px;font-weight:500;display:inline-flex}.login-page .login-field .send:hover:not(:disabled){background:var(--ink-2)}.login-page .login-field .send:disabled{opacity:.35;cursor:not-allowed}.login-page .login-field .send .arrow{transition:transform .25s var(--ease);display:inline-block}.login-page .login-field .send:hover:not(:disabled) .arrow{transform:translate(4px)}.login-error{color:var(--signal);margin:16px 0 0;font-size:16px}.login-hint{color:var(--ink-3);margin:28px 0 0;font-size:16px}.login-hint a{color:var(--green);font-weight:600;text-decoration:none}.login-hint a:hover{text-decoration:underline}.login-success .check{background:var(--green-tint);width:64px;height:64px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:26px;display:flex}.login-success h2{font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:0 0 10px;font-size:32px}.login-success p{color:var(--ink-3);margin:0;font-size:17px;line-height:1.6}.login-success p strong{color:var(--ink);font-weight:600}.login-success .resend{font:inherit;color:var(--green);cursor:pointer;background:0 0;border:none;margin-top:22px;padding:0;font-size:16px;font-weight:600;display:inline-block}.login-success .resend:hover{text-decoration:underline}.login-footer{color:var(--ink-3);padding:32px 24px;font-size:16px}.login-footer a{color:var(--ink-2);text-decoration:none}.login-footer a:hover{color:var(--green)}@media (max-width:1100px){.login-header .container{padding-left:48px;padding-right:48px}}@media (max-width:640px){.login-header .container{padding-left:24px;padding-right:24px}}@media (max-width:560px){.login-page .login-field{padding-left:20px}.login-page .login-field .send{padding:0 20px}}.login-page .login-field--stacked{margin-top:10px}.login-page .login-toggle{color:var(--ink-3,#6a6a6a);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:0;font-size:16px;text-decoration:underline;display:block}.login-field--reveal{animation:.22s ease-out login-reveal}@keyframes login-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.login-page .login-toggle--small{color:var(--ink-faint,#646e69);margin-top:12px;font-size:16px;text-decoration:none}.login-page .login-toggle--small:first-of-type{margin-top:20px}.login-page .login-toggle--small:hover{color:var(--ink-3,#6a6a6a);text-underline-offset:3px;text-decoration:underline}.login-page .login-toggle:hover{color:var(--ink,#1a1a1a)}