@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap');

@font-face {
    font-family: 'Meatbusters';
    src: url('fonts/MeatbustersBold-1G1w0.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body{font-family:'Verdana', 'Segoe UI', Tahoma, Geneva, sans-serif;padding:16px;background:#f6f7fb}

/* Keep Navigation items in a clear font */
.header-bar, .nav-links, .back-btn, nav, .navbar {
    font-family: 'Verdana', 'Segoe UI', Tahoma, Geneva, sans-serif;
    font-weight: bold;
}

/* Freemium Blurring */
.freemium-blur {
    /* Gradient mask that fades out at the bottom */
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    overflow: hidden;
    max-height: 200px; /* Limit height for preview */
}

/* Unlock Button */
.unlock-button {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s;
}

.unlock-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}