.login-page{min-height:100vh;color:var(--surface);background:var(--foreground);place-items:center;padding:100px 24px 40px;display:grid;position:relative;overflow:auto}.login-backdrop{opacity:.6;background:linear-gradient(90deg, color-mix(in oklch, var(--foreground) 94%, transparent), color-mix(in oklch, var(--foreground) 42%, transparent)), url(/_next/image?url=%2Fcity-hero.png&w=1920&q=75) center / cover;position:fixed;inset:0}.login-card{z-index:2;border:1px solid color-mix(in oklch, var(--surface) 15%, transparent);width:min(470px,100%);color:var(--surface);background:color-mix(in oklch, var(--foreground) 82%, transparent);box-shadow:0 35px 100px color-mix(in oklch, var(--foreground) 30%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:31px;padding:30px;transition:width .2s;position:relative}.login-card.is-registration{width:min(540px,100%)}.login-card h1{letter-spacing:-.03em;margin:25px 0 14px;font-size:43px;line-height:.96}.login-card [data-slot$=header]>p{color:color-mix(in oklch, var(--surface) 68%, transparent);font-size:11px;line-height:1.65}.login-card form{gap:11px;margin-top:18px;display:grid}.login-card input{border:1px solid color-mix(in oklch, var(--surface) 10%, transparent);min-height:50px;color:var(--surface);background:color-mix(in oklch, var(--surface) 6%, transparent);border-radius:14px;padding:0 15px}.registration-grid{grid-template-columns:minmax(0,1fr) 120px;gap:11px;display:grid}.password-hint{color:var(--foreground);margin:-3px 3px 0;font-size:9px}.login-card>[data-slot$=footer]{color:var(--foreground);justify-content:center;gap:6px;font-size:9px;display:flex}.login-card>[data-slot$=footer] a{color:var(--accent)}.field-optional{color:var(--muted);margin-left:4px;font-size:9px;font-weight:600}.login-page{min-height:100svh;overflow-x:clip}.login-card{min-width:0}.login-card input{width:100%;min-width:0}.registration-grid{min-width:0}.login-card>[data-slot$=footer]{color:var(--muted);flex-wrap:wrap;align-items:center;font-size:10px}.login-card>[data-slot$=footer] button{color:var(--accent);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.login-submit{width:100%;min-height:50px;color:var(--surface);background:var(--foreground);cursor:pointer;border:0;border-radius:15px;font-size:15px;font-weight:750}.login-submit:disabled{cursor:wait;opacity:.68}@media (max-width:720px){.login-card{padding:24px 18px}.login-card h1{font-size:37px}.registration-grid{grid-template-columns:1fr}.login-page{place-items:start center;padding:92px 12px 28px}}.auth-shell{z-index:2;border:1px solid color-mix(in oklch, var(--surface) 13%, transparent);background:color-mix(in oklch, var(--foreground) 78%, transparent);width:min(940px,100%);box-shadow:0 42px 110px color-mix(in oklch, var(--foreground) 42%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:38px 31px 41px 29px;grid-template-columns:.86fr 1.14fr;display:grid;position:relative;overflow:hidden}.auth-story{background:linear-gradient(155deg,color-mix(in oklch, var(--accent) 16%, transparent),color-mix(in oklch, var(--accent) 8%, transparent));flex-direction:column;justify-content:space-between;min-width:0;padding:35px 34px;display:flex}.auth-story h2{letter-spacing:-.035em;margin:22px 0 16px;font-size:clamp(38px,4vw,54px);line-height:.92}.auth-story p{max-width:310px;color:color-mix(in oklch, var(--surface) 68%, transparent);margin:0;font-size:12px;line-height:1.7}.auth-story ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.auth-story li{border-top:1px solid color-mix(in oklch, var(--surface) 9%, transparent);color:color-mix(in oklch, var(--surface) 68%, transparent);align-items:center;gap:12px;padding:10px 0;font-size:10px;display:flex}.auth-story li span{color:color-mix(in oklch, var(--accent) 42%, var(--surface));font-size:8px;font-weight:900}.login-card,.login-card.is-registration{border:0;border-left:1px solid color-mix(in oklch, var(--surface) 9%, transparent);width:auto;min-width:0;color:var(--surface);background:color-mix(in oklch, var(--foreground) 92%, transparent);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:38px 40px}.login-card>[data-slot$=header]{display:block}.login-card h1{margin:7px 0 12px;font-size:clamp(36px,4vw,48px);line-height:1}.login-card [data-slot$=header]>p{max-width:430px;color:var(--muted);margin:0;font-size:11px}.auth-eyebrow{color:color-mix(in oklch, var(--accent) 42%, var(--surface));letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.auth-tabs{min-width:0;margin-top:22px;display:block}.auth-tabs-container{background:0 0}.auth-tabs-list{border-bottom:1px solid color-mix(in oklch, var(--surface) 12%, transparent);width:min(250px,100%);min-width:0;box-shadow:none;background:0 0;border-radius:0;gap:25px;padding:0;display:flex}.auth-tab{min-width:0;min-height:42px;color:var(--muted);box-shadow:none;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;padding:0 2px 13px;font-size:10px;font-weight:850;position:relative}.auth-tab[data-selected=true]{color:var(--surface)}.auth-tab-indicator{background:var(--accent);border-radius:2px 2px 0 0;width:auto;height:2px;position:absolute;inset:auto 0 -1px!important;transform:none!important}.auth-tab-panel{outline:0;min-width:0}.auth-tab-panel>[data-slot$=content]{padding:0}.auth-field{gap:6px;min-width:0;display:grid}.auth-field [data-slot=label],.auth-field label{color:var(--muted);padding-left:3px;font-size:10px;font-weight:780}.auth-field input{border:1px solid color-mix(in oklch, var(--surface) 12%, transparent);width:100%;min-width:0;min-height:52px;color:var(--surface);background:color-mix(in oklch, var(--surface) 7%, transparent);box-shadow:inset 0 1px color-mix(in oklch, var(--surface) 3%, transparent);font:inherit;border-radius:15px;padding:0 15px;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s}.auth-field input::placeholder{color:color-mix(in oklch, var(--surface) 52%, transparent);opacity:1}.auth-field input:-webkit-autofill{appearance:none;border-color:color-mix(in oklch, var(--surface) 16%, transparent);-webkit-text-fill-color:var(--surface);caret-color:var(--surface);box-shadow:0 0 0 1000px color-mix(in oklch, var(--foreground) 94%, var(--surface)) inset}.auth-field input:-webkit-autofill:hover{appearance:none;border-color:color-mix(in oklch, var(--surface) 16%, transparent);-webkit-text-fill-color:var(--surface);caret-color:var(--surface);box-shadow:0 0 0 1000px color-mix(in oklch, var(--foreground) 94%, var(--surface)) inset}.auth-field input:-webkit-autofill:focus{appearance:none;border-color:color-mix(in oklch, var(--surface) 16%, transparent);-webkit-text-fill-color:var(--surface);caret-color:var(--surface);box-shadow:0 0 0 1000px color-mix(in oklch, var(--foreground) 94%, var(--surface)) inset}.auth-field input:hover{background:color-mix(in oklch, var(--surface) 9%, transparent)}.auth-field input:focus{border-color:color-mix(in oklch, var(--accent) 65%, transparent);background:color-mix(in oklch, var(--surface) 10%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 10%, transparent);outline:0}.auth-field [data-slot=error-message],.auth-field [role=alert]{color:color-mix(in oklch, var(--danger) 36%, var(--surface));padding-left:3px;font-size:9px}.registration-grid{grid-template-columns:minmax(0,1fr) 118px;gap:12px}.auth-rules-row{border:1px solid color-mix(in oklch, var(--surface) 10%, transparent);background:color-mix(in oklch, var(--surface) 4%, transparent);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:11px 12px;display:flex}.auth-checkbox{min-width:0;color:var(--muted);font-size:10px}.auth-checkbox [data-slot=checkbox-content]{cursor:pointer;align-items:center;gap:10px;display:flex}.auth-checkbox [data-slot=checkbox-control]{border:1px solid color-mix(in oklch, var(--surface) 22%, transparent);width:20px;height:20px;color:var(--foreground);background:color-mix(in oklch, var(--surface) 7%, transparent);border-radius:7px;flex:0 0 20px;place-items:center;display:grid}.auth-checkbox[data-selected=true] [data-slot=checkbox-control]{border-color:var(--accent);background:var(--accent)}.auth-rules-links{flex-wrap:wrap;flex:none;gap:5px 10px;display:flex}.auth-rules-links a{color:color-mix(in oklch, var(--accent) 38%, var(--surface));font-size:9px;font-weight:800}.auth-field .password-hint{color:var(--muted);margin:0 3px;font-size:11px;line-height:1.45}.login-submit{min-height:52px;color:var(--accent-foreground);background:var(--accent);box-shadow:0 12px 25px color-mix(in oklch, var(--accent) 18%, transparent);border-radius:16px;margin-top:2px;font-size:12px;font-weight:900}.login-submit:hover{background:color-mix(in oklch, var(--accent) 88%, var(--foreground))}.login-card>[data-slot$=footer]{color:var(--muted);margin-top:19px}.login-card>[data-slot$=footer] a,.login-card>[data-slot$=footer] button{color:color-mix(in oklch, var(--accent) 38%, var(--surface));font-weight:800}@media (max-width:820px){.login-page{place-items:center;padding:20px}.auth-shell{grid-template-columns:1fr;width:min(560px,100%)}.auth-story{min-height:0}.auth-story>div,.auth-story ul{display:none}.login-card,.login-card.is-registration{border-left:0;border-top:1px solid color-mix(in oklch, var(--surface) 9%, transparent);border-radius:0;padding:30px 28px}}@media (max-width:520px){.login-page{place-items:start center;padding:10px}.auth-shell{border-radius:28px 23px 31px 22px}.login-card,.login-card.is-registration{padding:27px 18px}.login-card h1{font-size:35px}.registration-grid{grid-template-columns:1fr}.auth-rules-row{flex-direction:column;align-items:flex-start}}.login-page{padding:8px}.auth-shell{width:min(900px,100%)}.auth-story{padding:30px}.auth-story>div{margin-block:58px 30px}.auth-story h2{margin-top:0;font-size:clamp(38px,3.7vw,49px)}.login-card,.login-card.is-registration{padding:26px 32px}.login-card h1{font-size:clamp(34px,3.7vw,42px)}.login-card [data-slot$=header]>p{line-height:1.45}.auth-tabs{margin-top:13px}.auth-tabs-list{gap:16px;width:100%;max-width:none}.auth-tab{min-height:36px;padding-bottom:10px}.login-card form{gap:8px;margin-top:12px}.auth-field{gap:4px}.auth-field input{border-radius:13px;min-height:44px}.registration-grid{gap:8px}.auth-rules-row{border-radius:13px;min-height:42px;padding:7px 10px}.auth-checkbox,.auth-checkbox [data-slot=checkbox-content]{color:var(--default)!important}.auth-checkbox [data-slot=checkbox-content]{font-weight:720}.login-submit{border-radius:14px;min-height:45px}.login-card>[data-slot$=footer]{margin-top:11px}.login-card>[data-slot$=footer] span{color:var(--muted)}@media (max-width:820px){.login-page{padding:12px}.auth-story{padding:4px 25px}.auth-story .brand{align-self:flex-start;min-height:44px}.login-card,.login-card.is-registration{padding:16px 25px 24px}}@media (max-width:520px){.login-page{padding:8px}.auth-story{padding-inline:18px}.login-card,.login-card.is-registration{padding:16px 18px 24px}.auth-eyebrow{display:none}.auth-tabs-list{gap:8px}}.login-card .forgot-password-button{color:color-mix(in oklch, var(--accent) 34%, var(--surface));justify-self:center;margin-top:2px;font-size:11px;font-weight:800}.login-card .forgot-password-button:hover{color:color-mix(in oklch, var(--accent) 14%, var(--surface));background:color-mix(in oklch, var(--accent) 14%, transparent)}.login-card .login-secondary-action{border-radius:14px;min-height:42px;font-size:11px;font-weight:820;border:1px solid color-mix(in oklch, var(--accent) 36%, transparent)!important;color:color-mix(in oklch, var(--accent) 14%, var(--surface))!important;background:color-mix(in oklch, var(--accent) 10%, transparent)!important}.login-card .login-secondary-action:hover{border-color:var(--accent)!important;color:var(--accent-foreground)!important;background:var(--accent)!important}.login-card .login-secondary-action:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 85%, transparent);outline-offset:3px}.login-card .auth-checkbox{min-width:0;max-width:100%;font-size:12px;font-weight:780;display:inline-flex;color:color-mix(in oklch, var(--accent) 14%, var(--surface))!important}.login-card .auth-checkbox-content{cursor:pointer;align-items:center;gap:10px;min-width:0;color:inherit!important;display:inline-flex!important}.login-card .auth-checkbox-control{width:22px;height:22px;box-shadow:inset 0 1px color-mix(in oklch, var(--surface) 9%, transparent);border-radius:8px;flex:0 0 22px;place-items:center;transition:border-color .15s,background .15s,box-shadow .15s;border:1px solid color-mix(in oklch, var(--accent) 55%, transparent)!important;color:#0000!important;background:color-mix(in oklch, var(--surface) 7%, transparent)!important;display:grid!important}.login-card .auth-checkbox:hover .auth-checkbox-control{border-color:var(--accent)!important;background:color-mix(in oklch, var(--accent) 16%, transparent)!important}.login-card .auth-checkbox[data-selected=true] .auth-checkbox-control,.login-card .auth-checkbox .auth-checkbox-content[data-selected=true] .auth-checkbox-control{box-shadow:0 5px 14px color-mix(in oklch, var(--accent) 22%, transparent);border-color:var(--accent)!important;color:var(--accent-foreground)!important;background:var(--accent)!important}.login-card .auth-checkbox-indicator,.login-card .auth-checkbox-indicator svg{color:currentColor;stroke-width:3px;width:14px;height:14px}.login-card .auth-checkbox:focus-within .auth-checkbox-control{outline:3px solid color-mix(in oklch, var(--accent) 70%, transparent);outline-offset:3px}.auth-otp{align-items:center;gap:7px;display:flex}.auth-otp-group{gap:5px;display:flex}.auth-otp-slot{border:1px solid color-mix(in oklch, var(--accent) 32%, transparent);width:42px;height:52px;color:var(--surface);background:color-mix(in oklch, var(--surface) 7%, transparent);border-radius:12px;place-items:center;font-size:18px;font-weight:850;line-height:1;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.auth-otp:focus-within .auth-otp-slot{border-color:color-mix(in oklch, var(--accent) 72%, transparent);background:color-mix(in oklch, var(--surface) 10%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 10%, transparent)}.auth-otp-separator{color:color-mix(in oklch, var(--accent) 36%, var(--surface));font-size:16px;font-weight:900}.auth-field-error{color:color-mix(in oklch, var(--danger) 36%, var(--surface));margin:0;padding-left:3px;font-size:9px}.otp-submit-status{color:color-mix(in oklch, var(--accent) 34%, var(--surface));text-align:center;margin:0;font-size:10px;font-weight:800}.login-card .login-error,.login-card .login-notice{border-radius:14px;margin:0}.login-card .login-error{background:color-mix(in oklch, var(--danger) 22%, transparent);color:color-mix(in oklch, var(--danger) 18%, var(--surface))!important}.login-card .login-notice{background:color-mix(in oklch, var(--accent) 20%, transparent);color:color-mix(in oklch, var(--accent) 14%, var(--surface))!important}.login-card .login-error [data-slot=title],.login-card .login-notice [data-slot=title]{font-size:10px;font-weight:850}.login-card .login-error [data-slot=description],.login-card .login-notice [data-slot=description]{font-size:10px;line-height:1.45}.login-card .recovery-resend-button{width:fit-content;min-height:30px;margin:-2px 0 2px;padding:0 3px;font-size:11px;font-weight:750;color:color-mix(in oklch, var(--accent) 34%, var(--surface))!important}.login-card .recovery-resend-button:hover{color:color-mix(in oklch, var(--accent) 50%, var(--surface))!important;background:0 0!important}.login-card .recovery-resend-button[aria-disabled=true],.login-card .recovery-resend-button[data-disabled=true]{color:color-mix(in oklch, var(--accent) 34%, var(--surface))!important;opacity:1!important}@media (max-width:520px){.login-card .auth-checkbox{font-size:11px}.login-card .auth-checkbox-content{gap:9px}.auth-otp-slot{width:min(42px,16.6667vw - 19.3333px)}}