/* Ortak cam (glassmorphism) tasarim - site genelinde kullanin */

:root {
    --glass-surface: rgba(255, 255, 255, 0.1);
    --glass-surface-hover: rgba(255, 255, 255, 0.16);
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-border-hover: rgba(255, 255, 255, 0.38);
    --glass-blur: 10px;
    --glass-radius: 0.25rem;
    --glass-radius-pill: 62.5rem;
    --glass-shadow: 0 4px 20px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    --glass-shadow-hover: 0 6px 28px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.glass-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--glass-surface);
    color: #fff;
    backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
    border: 1px solid var(--glass-border);
    border-radius: var(--glass-radius);
    box-shadow: var(--glass-shadow);
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    cursor: pointer;
    text-decoration: none;
}

    .glass-btn:hover {
        background: var(--glass-surface-hover);
        border-color: var(--glass-border-hover);
        box-shadow: var(--glass-shadow-hover);
        color: #fff;
        text-decoration: none;
    }

/* Pill cam - hero CTA vb. */
.cam-btn {
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
    border: 1px solid var(--glass-border);
    border-radius: var(--glass-radius-pill);
    box-shadow: var(--glass-shadow);
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
}

    .cam-btn:hover {
        background: var(--glass-surface-hover);
        border-color: var(--glass-border-hover);
        box-shadow: var(--glass-shadow-hover);
    }