.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-radius:24px;padding:40px 32px;width:100%;max-width:360px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:40px}.login-icon{width:72px;height:72px;background:linear-gradient(135deg,#5050C8,#3030A8);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.login-icon svg{width:36px;height:36px;color:white}.login-title{color:#888888;font-size:20px;font-weight:600;margin:0 0 8px;letter-spacing:-.5px}.login-subtitle{color:#888888;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;color:#ef4444;font-size:14px;text-align:center;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.login-footer{text-align:center;margin-top:32px;color:#aaaaaa;font-size:12px}