.google-login-container{text-align:center;margin:20px 0}.google-login-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#757575;border:1px solid #dadce0;border-radius:4px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all 0.3s ease;box-shadow:0 1px 3px rgb(0 0 0 / .12);min-width:200px}.google-login-btn:hover{background:#f8f9fa;border-color:#c6c6c6;box-shadow:0 2px 6px rgb(0 0 0 / .15);color:#757575;text-decoration:none}.google-login-btn:active{background:#f1f3f4;box-shadow:0 1px 2px rgb(0 0 0 / .1)}.google-login-btn svg{flex-shrink:0}.google-logout-btn{display:inline-block;background:#dc3545;color:#fff;border:1px solid #dc3545;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all 0.3s ease;margin-top:10px}.google-logout-btn:hover{background:#c82333;border-color:#bd2130;color:#fff;text-decoration:none}@media (max-width:768px){.google-login-btn{min-width:180px;padding:10px 20px;font-size:13px}.google-login-btn svg{width:16px;height:16px}}@media (prefers-color-scheme:dark){.google-login-btn{background:#2d2d2d;color:#fff;border-color:#404040}.google-login-btn:hover{background:#404040;border-color:#505050}}.google-login-btn.loading{opacity:.7;pointer-events:none}.google-login-btn.loading::after{content:'';width:16px;height:16px;border:2px solid #dadce0;border-top:2px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}