body{background-color:#f4f7fc;font-family:Arial,sans-serif;color:#333;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;transition:all .3s ease-in-out}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.login-box{background-color:#fff;padding:40px 20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;min-width:360px;max-width:400px;margin:20px;transition:all .3s ease-in-out}h2{margin-bottom:20px;font-size:24px;font-weight:600;color:#333}.google-login-button:hover{background-color:#357ae8}.google-login-button:disabled{background-color:#a4c2f1;cursor:not-allowed}body.dark-mode{background-color:#181818;color:#f4f7fc}body.dark-mode .login-box{background-color:#333;box-shadow:0 4px 20px #00000080}body.dark-mode h2{color:#f4f7fc}body.dark-mode .google-login-button{background-color:#4285f4;color:#fff;font-weight:600}body.dark-mode .google-login-button:hover{background-color:#357ae8}.spinner{border:4px solid #f3f3f3;border-top:4px solid #4285F4;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-mode-switch{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:8px}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:12px;width:12px;border-radius:50%;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#4285f4}input:checked+.slider:before{transform:translate(14px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.sb-logo{width:180px;height:auto;margin-bottom:10px}@media (max-width: 480px){.login-box{padding:30px 16px}.sb-logo{width:140px}h2{font-size:20px}.google-login-button{font-size:14px;padding:10px 16px}}