.login-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:40px;max-width:500px;width:100%;text-align:center}.login-card h1{color:#fff;font-size:2.5em;margin:0 0 10px}.login-subtitle{color:hsla(0,0%,100%,.7);font-size:1.1em;margin:0 0 30px;line-height:1.5}.login-benefits{background:hsla(0,0%,100%,.05);border-radius:10px;padding:20px;margin-bottom:30px;text-align:left}.benefit{display:flex;align-items:center;gap:15px;padding:10px 0;color:#fff}.benefit-icon{font-size:1.5em}.login-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:2px solid hsla(0,0%,100%,.3);border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.3)}.github-btn{background:rgba(36,41,46,.8);color:#fff;border-color:hsla(0,0%,100%,.3)}.github-btn:hover{background:rgba(74,158,255,.3);border-color:#4a9eff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(74,158,255,.4)}.google-btn{background:hsla(0,0%,100%,.9);color:#333;border-color:hsla(0,0%,100%,.5)}.google-btn:hover{background:rgba(74,158,255,.3);border-color:#4a9eff;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(74,158,255,.4)}.login-footer{color:hsla(0,0%,100%,.5);font-size:.9em;line-height:1.5;margin:0}.error-message{background:rgba(244,67,54,.2);border:1px solid #f44336;color:#f44336;padding:15px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.5}.error-message strong{display:block;margin-bottom:5px}@media (max-width:600px){.login-card{padding:30px 20px}.login-card h1{font-size:2em}}