.auth-layout{align-items:center;background:var(--color-bg-soft);display:flex;flex:1;justify-content:center;padding:48px 16px;position:relative}.auth-layout:before{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--color-primary-500) 12%,transparent),transparent 55%),radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--color-primary-600) 8%,transparent),transparent 50%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--color-primary-500) 10%,transparent),transparent 60%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}html[data-theme=dark] .auth-layout:before{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--color-primary-500) 7%,transparent),transparent 55%),radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--color-primary-600) 5%,transparent),transparent 50%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--color-primary-500) 6%,transparent),transparent 60%)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .auth-layout:before{background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--color-primary-500) 7%,transparent),transparent 55%),radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--color-primary-600) 5%,transparent),transparent 50%),radial-gradient(circle at 50% 85%,color-mix(in srgb,var(--color-primary-500) 6%,transparent),transparent 60%)}}.login-container{background:var(--card-surface);border:1px solid var(--input-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;width:min(100%,372px);z-index:1}.login-container form{display:flex;flex-direction:column;gap:20px}.login-container .mb-3{margin:0!important}.login-container .form-control{background:transparent;border:none;border-radius:0;box-shadow:none;color:var(--color-text-strong);flex:1;font-size:15px;min-width:0;padding:12px 15px 12px 8px}.login-container .form-control::-moz-placeholder{color:var(--input-placeholder)}.login-container .form-control::placeholder{color:var(--input-placeholder)}.login-container .form-control:focus{box-shadow:none;outline:none}.login-container .form-control:-webkit-autofill,.login-container .form-control:-webkit-autofill:active,.login-container .form-control:-webkit-autofill:focus,.login-container .form-control:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px transparent;caret-color:var(--color-text-strong);color:var(--color-text-strong)!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container .text-danger{font-size:13px;margin-top:6px}.login-header{margin-bottom:32px;text-align:center}.login-header h1{color:var(--color-text-strong);font-size:28px;font-weight:700;margin:30px auto 10px}.login-header p{color:var(--color-text-muted);font-size:14px;margin:0}.btn-login{background:linear-gradient(135deg,var(--btn-primary-bg) 0,var(--btn-primary-bg) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;font-size:16px;font-weight:600;margin:10px auto 30px;padding:13px 16px;transition:transform .2s ease,box-shadow .2s ease;width:80%}.btn-login:hover{box-shadow:0 16px 30px #667eea52;color:#fff;transform:translateY(0)}.btn-login:active{box-shadow:0 8px 18px #667eea4d;transform:translateY(0)}.btn-login:focus-visible{box-shadow:var(--shadow-focus);outline:none}@media (max-width:768px){.toast-container{left:50%;max-width:400px;right:auto;top:20px;transform:translate(-50%);width:calc(100% - 2rem)}}@media (max-width:480px){.auth-layout{padding:32px 12px}.login-container{border-radius:16px;padding:36px 26px 28px}}@media (prefers-reduced-motion:reduce){.btn-login,.toast{animation:none;transition:none}}