/* App-Specific Custom Styles */
/* Only unique styles not provided by taggro-theme.min.css */

/* Hero gradient background */
.hero-gradient {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

/* Dark section */
.dark-section {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

/* Pixel grid pattern overlay */
.pixel-grid {
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,0.03) 0px, transparent 1px, transparent 2px, rgba(255,255,255,0.03) 3px),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.03) 0px, transparent 1px, transparent 2px, rgba(255,255,255,0.03) 3px);
}

/* Scanline animation */
@keyframes scanline {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

.scanline::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(34, 211, 238, 0.1) 50%, transparent 100%);
    animation: scanline 3s linear infinite;
    pointer-events: none;
}

/* Gradient text */
.gradient-text {
    background: linear-gradient(135deg, #22d3ee 0%, #a855f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Success button (green gradient) */
.pixel-btn-success {
    background: linear-gradient(135deg, #4ade80 0%, #22c55e 100%) !important;
    border: 4px solid #0f172a !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    box-shadow: 6px 6px 0 #0f172a !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 1rem !important;
}

.pixel-btn-success:hover {
    transform: translateY(-2px) !important;
    box-shadow: 8px 8px 0 #0f172a !important;
}

.pixel-btn-success:active {
    transform: translateY(0) !important;
    box-shadow: 3px 3px 0 #0f172a !important;
}