.auth-page{--ink:#111;--paper:#faf9ee;--secondary:#aaa99f;--signal:#cbf63c;--rule:#33332d;--surface:#191917;--type-size-16:16px;--type-size-12:12px;--type-label:11px;--type-medium:500;--type-track-label:0.08em;--ease-out:cubic-bezier(0.22,1,0.36,1);font-family:var(--font-host-grotesk),Arial,sans-serif;color:var(--paper);font-size:16px;line-height:1.5;--auth-error:#ff9c8f;--auth-field-bg:hsla(55,55%,96%,.03);--auth-field-bg-focus:hsla(55,55%,96%,.05);--auth-field-edge:#3a3a33;--auth-field-edge-hover:#55554b;--auth-focus-edge:var(--signal);--auth-focus-ring:rgba(203,246,60,.16);min-height:100svh;position:relative;isolation:isolate}html.light .auth-page{--ink:#f4f2e9;--paper:#111;--secondary:#68685f;--rule:#d9d8cd;--surface:#fffef8;--auth-error:#b42318;--auth-field-bg:#fffef8;--auth-field-bg-focus:#fff;--auth-field-edge:#d1d3c5;--auth-field-edge-hover:#a7ad99;--auth-focus-edge:#7a9a14;--auth-focus-ring:rgba(203,246,60,.45)}.auth-main{display:grid;place-items:center;min-height:calc(100svh - 80px);padding:48px 24px}.auth-body{width:100%;max-width:482px}.auth-card{padding:36px 40px;border:1px solid var(--rule);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);animation:auth-rise .7s var(--ease-out) both}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}}.auth-page .auth-title{color:var(--paper);font-family:var(--font-apfel-grotezk),Arial,sans-serif;font-size:clamp(32px,3vw,40px);line-height:1.1;letter-spacing:-.035em;font-weight:400}.auth-lead{margin-top:12px;color:var(--secondary)}@property --auth-cta-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes auth-button-orbit{to{--auth-cta-angle:360deg}}.auth-page .auth-google,.auth-page .auth-submit{--btn-fill:transparent;--btn-edge:hsla(55,55%,96%,.2);--btn-shine:#faf9ee;--btn-shine-strength:0.45;--btn-sweep:hsla(55,55%,96%,.08);--btn-glow:0 0 0 0 transparent;--btn-speed:7s;--focus-text-color:var(--paper);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:100%;height:48px;gap:10px;padding:0 20px;border:0;border-radius:6px;background-color:var(--btn-fill);box-shadow:inset 0 0 0 1px var(--btn-edge),var(--btn-glow);color:var(--paper);font:inherit;font-weight:500;line-height:20px;letter-spacing:.005em;transition:background-color .35s var(--ease-out),box-shadow .45s var(--ease-out),color .3s ease,transform .16s var(--ease-out)}.auth-page :is(.auth-google,.auth-submit):before{content:"";position:absolute;inset:0;z-index:1;padding:1px;border-radius:inherit;background:conic-gradient(from var(--auth-cta-angle),transparent 0deg 230deg,var(--btn-shine) 300deg,transparent 350deg 1turn);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--btn-shine-strength);animation:auth-button-orbit var(--btn-speed) linear infinite;pointer-events:none}.auth-page :is(.auth-google,.auth-submit):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,var(--btn-sweep) 50%,transparent 70%);transform:translateX(-115%);pointer-events:none}.auth-page .auth-google{margin-top:32px}.auth-page .auth-google:before{opacity:0;animation-play-state:paused;transition:opacity .45s var(--ease-out)}.auth-page .auth-google:focus-visible:before{opacity:var(--btn-shine-strength);animation-play-state:running}.auth-page .auth-submit{--btn-fill:var(--signal);--btn-edge:#b3db2c;--btn-shine:#f4ffd2;--btn-shine-strength:0.9;--btn-sweep:hsla(0,0%,100%,.42);--btn-glow:0 6px 16px -10px rgba(203,246,60,.22);--btn-speed:6.5s;--focus-text-color:#111;margin-top:8px;color:#111}html.light .auth-google{--btn-edge:#a7ad99;--btn-shine:#fff}.auth-page :is(.auth-google,.auth-submit):active:not(:disabled){transform:translateY(1px) scale(.98)}@media (hover:hover) and (pointer:fine){.auth-page :is(.auth-google,.auth-submit):hover:not(:disabled):after{transform:translateX(115%);transition:transform .7s var(--ease-out)}.auth-page .auth-submit:hover:not(:disabled){--btn-fill:#d7fb5f;--btn-glow:0 8px 22px -12px rgba(203,246,60,.32)}.auth-page .auth-google:hover:not(:disabled){--btn-fill:hsla(55,55%,96%,.05);--btn-edge:hsla(55,55%,96%,.34);--btn-shine-strength:0.8}.auth-page .auth-google:hover:not(:disabled):before{opacity:var(--btn-shine-strength);animation-play-state:running}html.light .auth-google:hover:not(:disabled){--btn-fill:#e7e9db;--btn-edge:#70785d}}.auth-page button:disabled{opacity:.55;cursor:not-allowed}.auth-google:focus-visible,.auth-submit:focus-visible{outline:2px solid var(--auth-focus-edge);outline-offset:4px}.auth-divider,.auth-hint,.auth-legal,.auth-switch{color:var(--secondary)}.auth-reset-form{margin-top:32px}.auth-reset-actions{display:flex;justify-content:space-between;gap:16px}.auth-spin{animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-divider{display:flex;align-items:center;gap:12px;margin-block:24px;font-size:var(--type-label);line-height:16px;letter-spacing:var(--type-track-label);text-transform:uppercase}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--rule)}.auth-form{display:grid;gap:20px}.auth-field{display:grid;gap:8px}.auth-field label{font-size:var(--type-label);line-height:16px;font-weight:var(--type-medium);letter-spacing:var(--type-track-label);text-transform:uppercase;color:var(--secondary)}.auth-input{width:100%;height:48px;margin:0;padding:0 14px;border:1px solid var(--auth-field-edge);border-radius:10px;background:var(--auth-field-bg);color:var(--paper);font:inherit;font-size:var(--type-size-16);line-height:24px;transition:border-color .2s ease,box-shadow .25s var(--ease-out),background-color .2s ease}.auth-input::-moz-placeholder{color:var(--secondary);opacity:.6}.auth-input::placeholder{color:var(--secondary);opacity:.6}.auth-input:hover{border-color:var(--auth-field-edge-hover)}.auth-input:focus{outline:none;border-color:var(--auth-focus-edge);background:var(--auth-field-bg-focus);box-shadow:0 0 0 3px var(--auth-focus-ring)}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--paper);caret-color:var(--paper);box-shadow:0 0 0 1000px var(--surface) inset;-webkit-transition:background-color 9999s ease 0s;transition:background-color 9999s ease 0s}.auth-input:-webkit-autofill,.auth-input:autofill{-webkit-text-fill-color:var(--paper);caret-color:var(--paper);box-shadow:0 0 0 1000px var(--surface) inset;-webkit-transition:background-color 9999s ease 0s;transition:background-color 9999s ease 0s}.auth-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--surface) inset,0 0 0 3px var(--auth-focus-ring)}.auth-input:-webkit-autofill:focus,.auth-input:autofill:focus{box-shadow:0 0 0 1000px var(--surface) inset,0 0 0 3px var(--auth-focus-ring)}.has-error .auth-input{border-color:var(--auth-error)}.has-error .auth-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--auth-error) 22%,transparent)}.auth-error,.auth-hint{display:flex;align-items:center;gap:6px;font-size:var(--type-size-12);line-height:16px}.auth-error{color:var(--auth-error);font-weight:500;animation:auth-rise .3s var(--ease-out) both}.auth-caps{color:var(--paper)}.auth-field-foot{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.auth-field-foot:empty{display:none}.auth-field-foot .auth-text-button{margin-left:auto}.auth-password{position:relative}.auth-password .auth-input{padding-right:52px}.auth-reveal{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--secondary);transition:color .2s ease,background-color .2s ease}.auth-reveal:hover{color:var(--paper);background:color-mix(in srgb,var(--paper) 6%,transparent)}.auth-check input:focus-visible,.auth-legal a:focus-visible,.auth-reveal:focus-visible,.auth-switch a:focus-visible,.auth-text-button:focus-visible{outline:2px solid var(--auth-focus-edge);outline-offset:2px}.auth-text-button{padding:4px 0;border:0;background:none;color:var(--paper);font-size:var(--type-size-12);line-height:16px;font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--paper) 30%,transparent);text-underline-offset:3px;border-radius:4px}.auth-text-button:hover{text-decoration-color:currentColor}.auth-check{display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;color:var(--paper);font-size:var(--type-size-16);line-height:24px;cursor:pointer}.auth-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;display:grid;place-content:center;width:20px;height:20px;margin:0;border:1px solid var(--auth-field-edge-hover);border-radius:6px;background:var(--auth-field-bg);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.auth-check input:after{content:"";width:10px;height:5px;border-left:2px solid #111;border-bottom:2px solid #111;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .25s var(--ease-out)}.auth-check input:checked{border-color:var(--signal);background:var(--signal)}.auth-check input:checked:after{transform:translateY(-1px) rotate(-45deg) scale(1)}.auth-notice{display:flex;gap:10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--auth-error) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--auth-error) 8%,transparent);color:var(--paper);animation:auth-rise .35s var(--ease-out) both}.auth-notice svg{margin-top:3px;color:var(--auth-error)}.auth-notice p{color:var(--paper);font-size:var(--type-size-16);line-height:24px}.auth-legal a,.auth-notice a,.auth-switch a{color:var(--paper);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--paper) 30%,transparent);text-underline-offset:3px;border-radius:4px;transition:text-decoration-color .2s ease}.auth-legal a:hover,.auth-notice a:hover,.auth-switch a:hover{text-decoration-color:currentColor}.auth-switch{margin-top:28px;font-size:var(--type-size-16);line-height:24px;text-align:center}.auth-switch a{font-weight:500}.auth-legal{margin-top:12px;font-size:var(--type-size-12);line-height:18px;text-align:center}@media (max-width:680px){.auth-main{min-height:calc(100svh - 72px);padding:28px 16px}.auth-card{padding:28px 24px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :after,.auth-page :before{transition:none}.auth-card,.auth-error,.auth-notice{animation:none}.auth-spin{animation-duration:2.4s}.auth-page :is(.auth-google,.auth-submit):before{animation:none;--auth-cta-angle:40deg}.auth-page :is(.auth-google,.auth-submit):hover:after{transition:none}}