.login-form{margin-top:20px}.btn-large{padding:12px 30px;font-size:16px;font-weight:500;border-radius:8px;border:0;cursor:pointer;transition:all .3s ease;width:100%}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;box-sizing:border-box}.login-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center}.login-header h2{margin:0 0 10px 0;color:#333;font-size:28px;font-weight:600}.login-header p{margin:0 0 30px 0;color:#666;font-size:16px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-control{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-control:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.login-buttons{margin:30px 0 20px 0}.btn{padding:12px 24px;border:0;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-secondary{background:#f8f9fa;color:#495057;border:2px solid #dee2e6}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-block{width:100%;margin-bottom:10px}.btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:20px;padding-top:20px;border-top:1px solid #e1e5e9}.login-footer a{color:#667eea;text-decoration:none;font-size:14px}.login-footer a:hover{text-decoration:underline}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff3d;border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.login-card{padding:30px 20px}.login-header h2{font-size:24px}}