.login-page{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;background:#050505;position:relative;overflow-x:hidden;padding:1rem}.bg-gradient{background:radial-gradient(circle at 50% 0,hsla(36,49%,67%,.15),transparent 70%)}.bg-gradient,.bg-pattern{position:absolute;inset:0}.bg-pattern{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;opacity:.5}.particle{position:absolute;width:4px;height:4px;background:hsla(36,49%,67%,.3);border-radius:50%;animation:float 10s ease-in-out infinite}.p1{top:20%;left:20%;animation-duration:12s}.p2{top:70%;left:80%;animation-duration:15s}.p3{top:40%;left:60%;animation-duration:9s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.login-card{width:100%;max-width:420px;background:hsla(0,0%,8%,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:1.5rem;padding:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:slideUp .6s cubic-bezier(.16,1,.3,1);position:relative;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.brand-header{text-align:center;margin-bottom:2rem}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,hsla(36,49%,67%,.2),hsla(36,49%,67%,.05));border-radius:50%;margin-bottom:1rem;border:1px solid hsla(36,49%,67%,.3);box-shadow:0 0 20px hsla(36,49%,67%,.1)}.brand-logo-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:10px;filter:drop-shadow(0 0 5px rgba(212,180,131,.5))}.brand-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem;letter-spacing:-.02em}.dynamic-tagline-container{height:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.brand-subtitle{color:#d4b483;font-size:1rem;font-weight:500}.brand-description-text{color:hsla(0,0%,100%,.5);font-size:.85rem;margin-top:.5rem}.animate-fade-in{animation:fadeInTagline .5s ease}@keyframes fadeInTagline{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.login-tabs{display:flex;background:hsla(0,0%,100%,.05);padding:.25rem;border-radius:1rem;margin-bottom:2rem;position:relative}.tab-btn{flex:1;padding:.75rem;border:none;background:transparent;color:hsla(0,0%,100%,.6);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:.8rem;transition:all .3s ease;z-index:1}.tab-btn.active{background:#d4b483;color:#000;box-shadow:0 4px 12px hsla(36,49%,67%,.3)}.tab-btn:hover:not(.active){color:#fff}.form-group{margin-bottom:1.25rem}.input-container{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.4);font-size:1.1rem;transition:color .3s ease}.form-input{width:100%;padding:1rem 1rem 1rem 3rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:.8rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;background:hsla(0,0%,100%,.05);border-color:#d4b483;box-shadow:0 0 0 4px hsla(36,49%,67%,.1)}.form-input:focus+.input-icon{color:#d4b483}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#d4b483,#b09160);border:none;border-radius:.8rem;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsla(36,49%,67%,.25)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-btn{width:100%;position:relative;padding:1rem;background:#fff;border:none;border-radius:.8rem;color:#333;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:transform .2s}.google-btn:hover{transform:translateY(-2px)}.google-logo{width:20px;height:20px}.back-home{display:block;text-align:center;margin-top:1.5rem;color:hsla(0,0%,100%,.4);font-size:.9rem;text-decoration:none;transition:color .2s}.back-home:hover{color:#d4b483}@media (max-width:480px){.login-card{padding:2rem 1.5rem;border-radius:1.2rem}.brand-title{font-size:1.75rem}}