.login-page{min-height:calc(100vh - var(--space-64) - var(--space-8));background:var(--semantic-bg-default);display:grid;grid-template-columns:1fr;padding-top:var(--nav-offset)}.login-hero{display:none}@media (min-width:1024px){.login-page{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.login-hero{display:flex;position:relative;flex-direction:column;justify-content:space-between;overflow:hidden;background-image:linear-gradient(135deg,rgba(238,117,27,.55),rgba(52,64,75,.78)),url(https://picsum.photos/seed/hhh-login-hero-2/1400/1800);background-size:cover;background-position:50%;color:var(--semantic-text-inverse);padding:var(--space-64) var(--space-48)}}.login-hero__brand{gap:var(--space-12);font-family:var(--font-cn);font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);letter-spacing:.5px}.login-hero__brand,.login-hero__brand-mark{display:inline-flex;align-items:center;font-weight:700}.login-hero__brand-mark{width:var(--space-36);height:var(--space-36);justify-content:center;background:var(--glass-white-soft);border:1px solid var(--glass-white-strong);border-radius:var(--radius-sm);font-family:var(--font-en);font-size:var(--type-en-title-medium-size);line-height:var(--type-en-title-medium-line)}.login-hero__copy{max-width:480px;display:flex;flex-direction:column;gap:var(--space-24)}.login-hero__eyebrow{font-family:var(--font-en);font-size:var(--type-en-body-small-size);line-height:var(--type-en-body-small-line);letter-spacing:2px;text-transform:uppercase;color:var(--glass-white-strong)}.login-hero__title{font-family:var(--font-cn);font-size:var(--type-cn-display-medium-size);line-height:var(--type-cn-display-medium-line);font-weight:var(--type-cn-display-medium-weight);margin:0}.login-hero__title strong{font-weight:700}.login-hero__quote{font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:1.8;color:var(--glass-white-strong);max-width:420px}.login-hero__stats{display:inline-flex;align-items:center;gap:var(--space-20);background:var(--glass-white-soft);border:1px solid var(--glass-white-strong);backdrop-filter:blur(var(--backdrop-blur-md));-webkit-backdrop-filter:blur(var(--backdrop-blur-md));border-radius:var(--radius-pill);padding:var(--space-16) var(--space-24);width:fit-content}.login-hero__stats-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.login-hero__stats-num{font-family:var(--font-en);font-size:var(--type-en-title-large-size);line-height:1;font-weight:700;color:var(--semantic-text-inverse)}.login-hero__stats-label{font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--glass-white-strong)}.login-hero__stats-divider{width:1px;height:var(--space-28);background:var(--glass-white-strong)}.login-hero__footer{font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--glass-white-strong)}.login-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-48) var(--space-24)}.login-card{width:100%;max-width:440px;gap:var(--space-24)}.login-card,.login-card__head{display:flex;flex-direction:column}.login-card__head{gap:var(--space-8)}.login-card__eyebrow{font-family:var(--font-en);font-size:var(--type-en-body-small-size);line-height:var(--type-en-body-small-line);letter-spacing:2px;text-transform:uppercase;color:var(--semantic-text-accent);font-weight:400}.login-card__title{font-family:var(--font-cn);font-size:var(--type-cn-headline-large-size);line-height:var(--type-cn-headline-large-line);font-weight:var(--type-cn-headline-large-weight);color:var(--semantic-text-primary);margin:0}.login-card__subtitle{font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);line-height:1.6;color:var(--semantic-text-secondary)}.login-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--semantic-bg-subtle);border-radius:var(--radius-pill);padding:var(--space-4)}.login-tabs__indicator{position:absolute;top:var(--space-4);left:var(--space-4);height:calc(100% - var(--space-8));width:calc(50% - var(--space-4));background:var(--gradient-cta-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--motion-ease);z-index:0}.login-tabs[data-tab=register] .login-tabs__indicator{transform:translateX(100%)}.login-tab{position:relative;z-index:1;border:none;background:transparent;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:500;color:var(--semantic-text-secondary);padding:var(--space-12);border-radius:var(--radius-pill);cursor:pointer;transition:color var(--motion-base)}.login-tab--active{color:var(--semantic-text-inverse)}.login-form{gap:var(--space-16)}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:var(--space-8)}.login-field__label{font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:500;color:var(--semantic-text-secondary)}.login-input-wrap{position:relative}.login-input-wrap .field__input{width:100%;padding:var(--space-12) var(--space-16);font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);color:var(--semantic-text-primary);background:var(--semantic-bg-default);border:1.5px solid var(--semantic-border-subtle);border-radius:var(--radius-md);transition:border-color var(--motion-base),box-shadow var(--motion-base)}.login-input-wrap .field__input::placeholder{color:var(--semantic-text-tertiary)}.login-input-wrap .field__input:hover{border-color:var(--semantic-border-default)}.login-input-wrap .field__input:focus{outline:none;border-color:var(--semantic-border-accent);box-shadow:0 0 0 4px var(--semantic-focus-ring-accent)}.login-input-wrap--with-trail .field__input{padding-right:var(--space-48)}.login-eye-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:var(--space-36);height:var(--space-36);display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--semantic-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--motion-base),background var(--motion-base)}.login-eye-btn:hover{color:var(--semantic-text-secondary);background:var(--semantic-bg-subtle)}.login-eye-btn svg{width:18px;height:18px}.login-row-between{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line)}.login-check{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--semantic-text-secondary);cursor:pointer;user-select:none}.login-check input{width:16px;height:16px;accent-color:var(--semantic-brand-primary)}.login-link{color:var(--semantic-text-accent);text-decoration:none;font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line)}.login-link:hover{text-decoration:underline}.login-submit{width:100%;padding:var(--space-12);border:none;border-radius:var(--radius-pill);background:var(--gradient-cta-primary);color:var(--semantic-text-inverse);font-family:var(--font-cn);font-size:var(--type-cn-title-medium-size);line-height:var(--type-cn-title-medium-line);font-weight:500;cursor:pointer;transition:transform var(--motion-base),box-shadow var(--motion-base),opacity var(--motion-base);box-shadow:var(--shadow-md);margin-top:var(--space-4)}.login-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-alert{border-radius:var(--radius-md);padding:var(--space-12) var(--space-16);font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);border-left:3px solid}.login-alert--error{background:rgba(239,68,68,.08);border-left-color:var(--semantic-status-error);color:#b91c1c}.login-alert--success{background:var(--semantic-status-success-subtle);border-left-color:var(--semantic-status-success);color:var(--semantic-status-success-text)}.login-divider{display:flex;align-items:center;gap:var(--space-12);color:var(--semantic-text-tertiary);font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line)}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--semantic-border-subtle)}.login-social{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.login-social__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;padding:var(--space-12);border:1.5px solid var(--semantic-border-subtle);border-radius:var(--radius-pill);background:var(--semantic-bg-default);font-family:var(--font-cn);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:500;color:var(--semantic-text-primary);cursor:pointer;transition:border-color var(--motion-base),background var(--motion-base),transform var(--motion-base)}.login-social__btn:hover{border-color:var(--semantic-text-primary);transform:translateY(-1px)}.login-social__btn svg{width:18px;height:18px;flex-shrink:0}.login-social__btn--fb svg{color:#1877f2}.login-social__btn--google svg{color:#db4437}.login-policy{display:flex;flex-direction:column;gap:var(--space-12);font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);color:var(--semantic-text-secondary)}.login-policy label{display:inline-flex;align-items:flex-start;gap:var(--space-8);cursor:pointer;line-height:1.55}.login-policy input{width:16px;height:16px;accent-color:var(--semantic-brand-primary);margin-top:2px;flex-shrink:0}.login-policy a{color:var(--semantic-text-accent);text-decoration:none}.login-policy a:hover{text-decoration:underline}.login-footnote{font-family:var(--font-cn);font-size:var(--type-cn-body-small-size);line-height:1.65;color:var(--semantic-text-tertiary);text-align:center;margin-top:var(--space-4)}.login-footnote a{color:var(--semantic-text-accent);text-decoration:none}.login-footnote a:hover{text-decoration:underline}@media (max-width:480px){.login-form-side{padding:var(--space-32) var(--space-16)}.login-card__title{font-size:var(--type-cn-headline-medium-size);line-height:var(--type-cn-headline-medium-line)}.login-social{grid-template-columns:1fr}}