@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
.login-container{background:linear-gradient(135deg,#3b82f6 0%,#ec4899 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.login-container{padding:1rem}}.login-container.no-bg{background:#f9fafb;align-items:flex-start}.login-container:before{content:"";background:#ffffff1a;border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite float;position:absolute;top:-250px;right:-250px}.login-container.no-bg:before,.login-container.no-bg:after{display:none}.login-container:after{content:"";background:#ffffff14;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite reverse float;position:absolute;bottom:-200px;left:-200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}.auth-glass-card{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d}.login-form-container{-webkit-backdrop-filter:blur(20px);z-index:1;background:#fffffff2;border:1px solid #fffc;border-radius:24px;width:100%;max-width:440px;padding:3.5rem 3rem;animation:.6s ease-out slideUp;position:relative;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d}@media (max-width:640px){.login-form-container{border-radius:20px;padding:2.5rem 1.5rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-title{text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#ec4899 50%,#fbbf24 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700}@media (max-width:640px){.login-title{font-size:1.75rem}}.login-subtitle{color:#6b7280;text-align:center;margin-bottom:2.5rem;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:400}@media (max-width:640px){.login-subtitle{margin-bottom:1.75rem}}.login-input{color:#1f2937;background-color:#fff;border:2px solid #e5e7eb;border-radius:14px;width:100%;padding:1.125rem 1.25rem;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:640px){.login-input{border-radius:12px;padding:1rem}}.login-input::placeholder{color:#9ca3af;font-weight:400}.login-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f626}.login-button{color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#3b82f6 0%,#ec4899 100%);border:none;border-radius:14px;padding:1.125rem 1.5rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #3b82f666,0 2px 4px #3b82f633}@media (max-width:640px){.login-button{border-radius:12px;padding:1rem}}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680,0 4px 8px #3b82f64d}.login-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f666}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{color:#dc2626;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fee2e2cc,#fca5a54d);border:1px solid #ef44444d;border-radius:14px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.signup-link{text-align:center;color:#6b7280;margin-top:1.5rem;font-family:Poppins,sans-serif;font-size:.9375rem}.signup-link a{color:#3b82f6;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.signup-link a:hover{color:#2563eb}.signup-link a:after{content:"";background:linear-gradient(135deg,#3b82f6 0%,#ec4899 50%,#fbbf24 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.signup-link a:hover:after{width:100%}