body:has(.auth-container) footer,body:has(.auth-container) header,body:has(.auth-container) nav{display:none!important}.auth-container{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.auth-background{position:absolute;inset:0;background-image:url(/images/bg4.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:0}.auth-background:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-gradient{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,135,135,.3),transparent 50%),radial-gradient(circle at 40% 20%,rgba(99,102,241,.3),transparent 50%);animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.auth-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);position:relative;z-index:1;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:40px}.auth-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#00b894,#0984e3);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,184,148,.4);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-icon svg{width:40px;height:40px;color:white}.auth-header h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 12px}.auth-header p{font-size:15px;color:#718096;margin:0}.auth-form{gap:24px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;transition:all .3s ease;background:white;color:#1a202c}.form-group input:focus{outline:none;border-color:#00b894;box-shadow:0 0 0 4px rgba(0,184,148,.1)}.form-group input::placeholder{color:#a0aec0}.error-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;color:#c53030;font-size:14px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-message svg{width:20px;height:20px;flex-shrink:0}.auth-button{padding:16px 24px;background:linear-gradient(135deg,#00b894,#0984e3);color:white;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(0,184,148,.4);margin-top:8px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,184,148,.5)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button svg,.spinner{width:20px;height:20px}.spinner{border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{margin-top:32px;text-align:center}.auth-footer p{font-size:13px;color:#718096;margin:0}@media (max-width:640px){.auth-card{padding:32px 24px}.auth-header h1{font-size:24px}.auth-icon{width:64px;height:64px}.auth-icon svg{width:32px;height:32px}}