.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);justify-content:center;align-items:center;min-height:100dvh;padding:clamp(1rem,3vw,2rem);display:flex}.login-container{width:100%;max-width:420px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:clamp(12px,3vw,16px);padding:clamp(2rem,5vw,3rem);box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.login-title{color:#1a1a2e;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;font-family:var(--font-playfair);margin-bottom:clamp(.5rem,1.5vw,.75rem);line-height:1.2}.login-subtitle{color:#666;font-size:clamp(.875rem,2vw,.95rem);font-weight:500;line-height:1.4}.login-form{flex-direction:column;gap:clamp(1rem,3vw,1.5rem);display:flex}.error-message{color:#c33;text-align:center;background:#fee;border:1px solid #fcc;border-radius:8px;padding:clamp(.75rem,2vw,.875rem);font-size:clamp(.8rem,1.5vw,.875rem);line-height:1.5}.form-group{flex-direction:column;gap:clamp(.4rem,1vw,.5rem);display:flex}.form-group label{color:#333;letter-spacing:.02em;font-size:clamp(.8rem,1.5vw,.875rem);font-weight:600}.form-group input{font-size:clamp(.875rem,1.5vw + .25rem,1rem);font-family:var(--font-montserrat);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #e0e0e0;border-radius:8px;min-height:48px;padding:clamp(.75rem,2vw,.875rem) clamp(.875rem,2vw,1rem);transition:all .2s}.form-group input:focus{border-color:#d4a574;outline:none;box-shadow:0 0 0 3px #d4a5741a}.form-group input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.login-button{color:#fff;cursor:pointer;font-size:clamp(.875rem,1.5vw + .25rem,1rem);font-weight:600;font-family:var(--font-montserrat);letter-spacing:.02em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#d4a574 0%,#c89761 100%);border:none;border-radius:8px;min-height:48px;margin-top:clamp(.25rem,1vw,.5rem);padding:clamp(.875rem,2.5vw,1rem);transition:all .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #d4a5744d}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:480px){.login-page{align-items:flex-start;padding:clamp(2rem,8vh,4rem) clamp(.75rem,2vw,1rem) clamp(.75rem,2vw,1rem)}.login-card{padding:clamp(1.5rem,4vw,2rem)}.login-title{font-size:clamp(1.25rem,5vw,1.75rem)}.login-subtitle{font-size:clamp(.8rem,2vw,.875rem)}.form-group input{font-size:16px}}@media (max-width:768px) and (orientation:landscape){.login-page{min-height:100vh;padding:1rem}.login-card{padding:1.5rem}.login-header{margin-bottom:1rem}.login-form{gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.login-button:hover:not(:disabled),.login-button:active:not(:disabled){transform:none}}