body{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#e8ecef}.auth-container,.forgot-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px;background:url(https://www.themoviedb.org/t/p/w1280/wqfu3bPLJaEWJVk3QOm0rKhxf1A.jpg) no-repeat 50%/cover;background-size:cover;background-attachment:fixed;position:relative;overflow:hidden}.auth-card,.forgot-password-card{position:relative;z-index:2;background:rgba(255,255,255,.1);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);width:100%;max-width:400px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.auth-card:before,.forgot-password-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.15) 0,transparent 20%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.15) 0,transparent 20%);pointer-events:none;animation:crackle 10s ease-in-out infinite;opacity:.3}@keyframes crackle{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}.auth-logo{display:block;margin:0 auto 16px;width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 8px rgba(0,0,0,.1)}.auth-header{font-size:1.5rem;font-weight:600;margin-bottom:16px;text-align:center;color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.auth-text{font-size:.9rem;color:#d1d5db;text-align:center}.auth-text a,.auth-text button,.auth-text span{color:#60a5fa;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font:inherit}.auth-text a:hover,.auth-text button:hover,.auth-text span:hover{text-decoration:underline}.auth-form,.forgot-password-form{display:flex;flex-direction:column;gap:16px}.auth-form label,.forgot-password-form label{font-size:.9rem;color:#e5e7eb;text-align:left;margin-bottom:4px}.auth-form input,.forgot-password-form input{padding:12px 16px;font-size:1rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.05);color:#ffffff;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:border-color .3s ease,box-shadow .3s ease}.auth-form input:focus,.forgot-password-form input:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 8px rgba(96,165,250,.5)}.auth-form button,.forgot-password-form button{background:linear-gradient(135deg,rgba(96,165,250,.3),rgba(147,197,253,.2));border:1px solid rgba(255,255,255,.4);color:#ffffff;font-size:.95rem;font-weight:600;padding:12px 16px;border-radius:10px;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease;width:100%;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auth-form button:before,.forgot-password-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-form button:hover,.forgot-password-form button:hover{background:linear-gradient(135deg,rgba(96,165,250,.5),rgba(147,197,253,.4));border-color:rgba(96,165,250,.8);transform:translateY(-2px);box-shadow:0 6px 16px rgba(96,165,250,.4)}.auth-form button:hover:before,.forgot-password-form button:hover:before{left:100%}.auth-form button:active,.forgot-password-form button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(96,165,250,.3)}.auth-form button:disabled,.forgot-password-form button:disabled{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#9ca3af;cursor:not-allowed;box-shadow:none}.forgot-password{display:inline-block;margin-top:16px;color:#ffffff;font-size:.9rem;font-weight:600;text-decoration:none;background:linear-gradient(135deg,rgba(96,165,250,.3),rgba(147,197,253,.2));border:1px solid rgba(255,255,255,.4);padding:10px 20px;border-radius:10px;transition:background .3s ease,transform .2s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.forgot-password:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.forgot-password:hover{background:linear-gradient(135deg,rgba(96,165,250,.5),rgba(147,197,253,.4));border-color:rgba(96,165,250,.8);transform:translateY(-2px);box-shadow:0 6px 16px rgba(96,165,250,.4)}.forgot-password:hover:before{left:100%}.auth-message{text-align:center;font-size:.9rem;margin-bottom:16px;padding:8px;border-radius:6px}.auth-message.error{background:rgba(239,68,68,.2);color:#fecaca;border:1px solid rgba(239,68,68,.5)}.auth-message.success{background:rgba(34,197,94,.2);color:#bbf7d0;border:1px solid rgba(34,197,94,.5)}@media (max-width:768px){.auth-card,.forgot-password-card{padding:16px}}@media (max-width:480px){.auth-card,.forgot-password-card{width:90%;padding:16px}.auth-header{font-size:1.3rem}.auth-form button,.auth-form input,.forgot-password-form button,.forgot-password-form input{font-size:.9rem}}