.login-page-background{min-height:100vh;padding:1rem;display:flex;align-items:center;justify-content:center;background-color:#000000;background-size:cover;background-position:50%;background-attachment:fixed}.login-container{width:100%;max-width:420px;background:rgba(26,26,26,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);color:#f0f0f0}.login-header{text-align:center;margin-bottom:2rem}.app-logo{width:100%;height:auto;aspect-ratio:2000/744;object-fit:contain;margin-bottom:1rem}.app-title-login{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(90deg,#00FFFF,#00FF00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{font-size:1.1rem;color:#ccc;margin:0}.login-form .input-group{margin-bottom:1.25rem}.login-form label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--accent2-color)}.login-form input{width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background-color:rgba(0,0,0,.3);color:#f0f0f0;font-size:1rem;transition:all .2s}.login-form input:focus{outline:none;border-color:var(--accent1-color);box-shadow:0 0 0 3px rgba(255,111,97,.2)}.auth-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:700;background:var(--accent1-color);color:white;border:none;border-radius:8px;cursor:pointer;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,111,97,.3)}.auth-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,111,97,.5)}.auth-btn:active{transform:translateY(-1px)}.form-switcher{text-align:center;margin-top:1.5rem;color:#bbb}.forgot-password-btn,.form-switcher button{color:var(--accent2-color);font-weight:700;background:none;border:none;cursor:pointer;text-decoration:underline;font-size:1em;padding:0 .25rem}.forgot-password-btn{display:block;text-align:right;margin-top:-.75rem;margin-bottom:1rem;font-size:.9em}.back-to-welcome-btn{display:block;width:-moz-fit-content;width:fit-content;margin:2rem auto 0;background:none;border:none;color:#bbb;cursor:pointer;transition:color .2s}.back-to-welcome-btn:hover{color:white}.error-message{color:var(--danger-color);background-color:rgba(194,30,86,.1);border:1px solid var(--danger-color);text-align:center;padding:.75rem;border-radius:8px;margin-top:1rem;font-weight:600}.google-signin-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:700;background:#4285F4;color:white;border:none;border-radius:8px;cursor:pointer;margin-top:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(66,133,244,.3)}.google-signin-btn img{width:1.5rem;height:1.5rem;margin-right:.75rem;background:white;border-radius:50%;padding:2px}.google-signin-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(66,133,244,.5)}.social-media-buttons{display:flex;justify-content:center;margin-top:1rem}.social-media-btn{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;text-decoration:none;color:white;font-weight:700;transition:all .3s ease}.social-media-btn img{width:1.5rem;height:1.5rem;margin-right:.5rem}.instagram-btn{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}.instagram-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(214,36,159,.5)}@media (max-width:480px){.login-page-background{padding:1rem;align-items:flex-start;overflow-y:auto}.login-container{padding:1.5rem;margin-top:2rem;margin-bottom:2rem}.login-header{margin-bottom:1rem}.app-logo{max-width:200px;margin-bottom:.5rem;margin-left:auto;margin-right:auto}.app-title-login{font-size:1.8rem}.login-subtitle{font-size:.9rem}.login-form .input-group{margin-bottom:.75rem}.auth-btn,.google-signin-btn{padding:.8rem;font-size:1rem;margin-top:.75rem}.form-switcher{margin-top:1rem}.forgot-password-btn{margin-bottom:.75rem}.back-to-welcome-btn{margin-top:1rem}}