:root{--auth-primary:#2a4b3a;--auth-dark:#1f2a24}body{background:radial-gradient(circle at 0 0,#4f7d5c2e,#0000 32%),radial-gradient(circle at 100% 100%,#2a4b3a38,#0000 38%),linear-gradient(135deg,#eef4ef 0%,#f4f7f3 45%,#edf3ee 100%)}.auth-login-background-pattern{opacity:.025;pointer-events:none;background-image:radial-gradient(#000 1px,#0000 1px);background-size:18px 18px;animation:18s linear infinite authPatternDrift;position:fixed;inset:0}.auth-login-container{z-index:1;justify-content:center;align-items:center;min-height:100dvh;padding:24px;animation:.5s ease-out both authPageFadeIn;display:flex;position:relative}.auth-login-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#ffffffd1;border:1px solid #ffffffbf;border-radius:28px;width:100%;max-width:460px;padding:28px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.54s ease-out 80ms forwards authCardFadeIn;transform:translateY(10px)scale(.99);box-shadow:0 24px 56px #1f2a241f}.auth-login-card:hover{border-color:#4f7d5c4d;transform:translateY(-3px);box-shadow:0 30px 62px #1f2a2429}.auth-login-header{text-align:center;margin-bottom:20px}.auth-login-title{color:var(--auth-dark);font-size:1.6rem;font-weight:700}.auth-login-subtitle{color:#1f2a24a6;margin-top:4px;font-size:.95rem}.auth-login-form input[type=text],.auth-login-form input[type=email],.auth-login-form input[type=password]{border-color:#d9ded9;border-radius:12px}.auth-login-form input[type=text]:focus,.auth-login-form input[type=email]:focus,.auth-login-form input[type=password]:focus{border-color:#2a4b3a8c;box-shadow:0 0 0 3px #2a4b3a1f}.auth-login-select{cursor:pointer;width:100%;color:var(--auth-dark);appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232a4b3a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.125rem 1.125rem;border:1px solid #d9ded9;border-radius:12px;margin-top:.25rem;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block;box-shadow:0 1px 2px #1f2a240a}.auth-login-select:hover{border-color:#2a4b3a59}.auth-login-select:focus{border-color:#2a4b3a8c;outline:none;box-shadow:0 0 0 3px #2a4b3a1f,0 1px 2px #1f2a240a}.auth-login-select:disabled{cursor:not-allowed;opacity:.65;background-color:#f4f6f4}.auth-login-options{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.auth-login-remember-label{align-items:center;display:inline-flex}.auth-login-helper-link{color:#1f2a24b8;text-underline-offset:3px;font-size:.875rem;text-decoration:underline;transition:color .2s}.auth-login-helper-link:hover{color:var(--auth-dark)}.auth-login-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;display:flex}.auth-login-actions button{background:var(--auth-primary);border-radius:12px}.auth-login-actions button:hover{background:#234132}@keyframes authPageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authCardFadeIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes authPatternDrift{0%{transform:translate(0,0)}to{transform:translate(18px,18px)}}@media (prefers-reduced-motion:reduce){.auth-login-background-pattern,.auth-login-container,.auth-login-card{animation:none!important}.auth-login-card{opacity:1;transform:none}}@media (width<=640px){.auth-login-card{border-radius:22px;padding:24px 18px}.auth-login-actions{flex-direction:column;align-items:stretch}.auth-login-actions button{justify-content:center}}.auth-register-other-panel{border:1px solid #2a4b3a38;border-left:4px solid var(--auth-dark,#2a4b3a);background:linear-gradient(135deg,#fffffff2,#f4f8f5e6);border-radius:12px;padding:.875rem 1rem;box-shadow:0 2px 8px #1f2a240f}.auth-register-other-panel[hidden]{display:none!important}.auth-register-other-panel__hint{color:#2a4b3ad9;margin:0 0 .5rem;font-size:.8125rem}
