/* 登入頁面專用樣式 */
.login-container {
    max-width: 400px;
    margin: 100px auto;
    padding: 0;
}

.login-card {
    text-align: center;
}

.logo {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: var(--spacing-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
}

.logo-icon {
    font-size: 36px;
}

.google-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    background-color: #fff;
    color: #333;
    border: 1px solid var(--border-color);
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--border-radius-sm);
    cursor: pointer;
    font-size: 16px;
    width: 100%;
    margin-bottom: var(--spacing-lg);
    transition: all 0.2s ease;
    font-weight: 500;
}

.google-btn:hover:not(:disabled) {
    background-color: #f8f9fa;
    border-color: #dadce0;
    box-shadow: var(--shadow);
}

.google-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.google-icon {
    width: 50px;
    height: 50px;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.logo-icon.bigicon {
    width: 50px;
    height: 50px;
}

@media (max-width: 480px) {
    .login-container {
        margin: 50px auto;
        max-width: 350px;
    }
    
    .logo {
        font-size: 28px;
        margin-bottom: var(--spacing-lg);
    }
    
    .logo-icon {
        font-size: 32px;
    }
}