.login{min-height:100dvh;padding:var(--space-6);background:radial-gradient(ellipse 80% 60% at 10% 0%, color-mix(in srgb, var(--color-brand-red) 18%, transparent), transparent 55%), radial-gradient(ellipse 70% 50% at 100% 100%, color-mix(in srgb, var(--color-brand-gold) 22%, transparent), transparent 50%), linear-gradient(160deg, var(--color-gray-100) 0%, var(--color-background) 45%, color-mix(in srgb, var(--color-brand-yellow) 8%, var(--color-background)) 100%);place-items:center;display:grid}.login__panel{width:min(100%,26rem);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text)}.login__brand{margin-bottom:var(--space-8);text-align:center}.login__logo{margin-inline:auto;margin-bottom:var(--space-5)}.login__eyebrow{margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary)}.login__title{margin-bottom:var(--space-2);font-size:var(--font-size-2xl);color:var(--color-text)}.login__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.login__form{gap:var(--space-5);display:grid}.login__field{gap:var(--space-2);display:grid}.login__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.login__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-gray-100);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.login__input::placeholder{color:var(--color-text-muted)}.login__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent);outline:none}.login__password-field .password-field__label>span:first-child{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.login__password-field .password-field__input{background:var(--color-gray-100);color:var(--color-text);border-color:var(--color-border);border-radius:var(--radius-md)}.login__password-field .password-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent)}.login__password-field .password-field__toggle{color:var(--color-text-muted)}.login__password-field .password-field__toggle:hover{color:var(--color-text);background:var(--color-gray-200)}.login__error{padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.login__submit{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast), transform var(--transition-fast)}.login__submit:hover:not(:disabled){background:var(--color-primary-hover)}.login__submit:active:not(:disabled){transform:translateY(1px)}.login__submit:disabled{opacity:.7;cursor:wait}[data-theme=dark] .login{background:radial-gradient(ellipse 80% 60% at 10% 0%, color-mix(in srgb, var(--color-brand-red) 28%, transparent), transparent 55%), radial-gradient(ellipse 70% 50% at 100% 100%, color-mix(in srgb, var(--color-brand-gold) 14%, transparent), transparent 50%), linear-gradient(160deg, #0b0b0d 0%, var(--color-background) 50%, #141416 100%)}[data-theme=dark] .login__panel{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 18px 48px #00000073}[data-theme=dark] .login__logo{filter:brightness(1.08)}@media (min-width:768px){.login,.login__panel{padding:var(--space-12)}}