/* ========================================
   Minimalist Corner Brackets Design
   ======================================== */

/* All cards - square with corner accents */
.modern-design .feature-card,
.modern-design .game-card,
.modern-design .pricing-card,
.modern-design .step-card,
.modern-design .stat-card,
.modern-design .payment-card,
.modern-design .contact-map {
    border-radius: 20px !important;
    position: relative;
    background: rgba(20, 25, 45, 0.95);
    backdrop-filter: blur(10px);
    border: none;
    transition: all 0.3s ease;
}

/* Create corner brackets using pseudo-elements */
.modern-design .feature-card::before,
.modern-design .game-card::before,
.modern-design .pricing-card::before,
.modern-design .step-card::before,
.modern-design .stat-card::before {
    content: '';
    position: absolute;
    pointer-events: none;
    transition: all 0.3s ease;
}

.modern-design .feature-card::after,
.modern-design .game-card::after,
.modern-design .pricing-card::after,
.modern-design .step-card::after,
.modern-design .stat-card::after {
    content: '';
    position: absolute;
    pointer-events: none;
    transition: all 0.3s ease;
}


/* Feature Cards - Square Shadow */
.modern-design .feature-card {
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.5);
    border: none;
}

.modern-design .feature-card:hover {
    transform: translateY(-3px);
}

.modern-design .feature-card::before {
    display: none !important;
}

.modern-design .feature-card::after {
    display: none !important;
}

.modern-design .feature-card:nth-child(1) {
    box-shadow: 10px 7px 0 0 rgba(37, 113, 255, 0.9);
}

.modern-design .feature-card:nth-child(1):hover {
    transform: translateY(-3px);
}

.modern-design .feature-card:nth-child(2) {
    box-shadow: 10px 7px 0 0 rgba(138, 43, 226, 0.9);
}

.modern-design .feature-card:nth-child(2):hover {
    transform: translateY(-3px);
}

.modern-design .feature-card:nth-child(3) {
    box-shadow: 10px 7px 0 0 rgba(255, 0, 255, 0.9);
}

.modern-design .feature-card:nth-child(3):hover {
    transform: translateY(-3px);
}

.modern-design .feature-card:nth-child(4) {
    box-shadow: 10px 7px 0 0 rgba(0, 200, 255, 0.9);
}

.modern-design .feature-card:nth-child(4):hover {
    transform: translateY(-3px);
}


/* Game Cards - Right-Bottom Shadow (Orange-Gold on hover) */
.modern-design .game-card {
    box-shadow: 10px 10px 0 0 rgba(255, 165, 0, 0.9);
    border: none;
}

.modern-design .game-card:hover {
    transform: translateY(-3px);
}

.modern-design .game-card::before {
    display: none !important;
}

.modern-design .game-card::after {
    display: none !important;
}


/* Pricing Cards - Rounded Shadow */
.modern-design .pricing-card,
.modern-design .pricing-card-featured {
    border: none;
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}

.modern-design .pricing-card:hover {
    box-shadow: 10px 10px 0 0 rgba(37, 113, 255, 0.6);
    transform: translateY(-5px);
}

.modern-design .pricing-card-featured:hover {
    box-shadow: 10px 10px 0 0 rgba(138, 43, 226, 0.6);
    transform: translateY(-5px);
}

/* Remove old L-shape decorations */
.modern-design .pricing-card::before,
.modern-design .pricing-card::after,
.modern-design .pricing-card-featured::before,
.modern-design .pricing-card-featured::after {
    display: none !important;
}


/* Step Cards - Top-Right Corner */
.modern-design .step-card::before {
    top: -3px;
    right: -3px;
    width: 70px;
    height: 70px;
    border-top: 5px solid rgba(37, 113, 255, 0.6);
    border-right: 5px solid rgba(37, 113, 255, 0.6);
}

.modern-design .step-card::after {
    display: none;
}

/* Step Cards - Simple Rounded */
.modern-design .step-card::before,
.modern-design .step-card::after {
    display: none !important;
}

/* Stats Cards - Simple Rounded */
.modern-design .stat-card::before,
.modern-design .stat-card::after {
    display: none !important;
}


/* Payment Card - Heavy Left Border */
.modern-design .payment-card::before {
    top: 0;
    left: -5px;
    width: 6px;
    height: 100%;
    background: rgba(37, 113, 255, 0.7);
}

.modern-design .payment-card::after {
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 6px;
    background: rgba(37, 113, 255, 0.4);
}

.modern-design .payment-card:hover::before {
    background: rgba(37, 113, 255, 1);
    width: 8px;
}

.modern-design .payment-card:hover::after {
    background: rgba(37, 113, 255, 0.6);
}


/* Contact Map - Top-Right Accent */
.modern-design .contact-map {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.modern-design .contact-map::before {
    top: -3px;
    right: -3px;
    width: 100px;
    height: 5px;
    background: rgba(0, 200, 255, 0.5);
}

.modern-design .contact-map::after {
    top: -3px;
    right: -3px;
    width: 5px;
    height: 100px;
    background: rgba(0, 200, 255, 0.5);
}


/* Rounded corners for all elements */
.modern-design .step-number {
    border-radius: 12px !important;
    clip-path: none !important;
}

.modern-design .pricing-badge {
    border-radius: 8px !important;
    clip-path: none !important;
}

.modern-design .game-video-wrapper {
    border-radius: 12px !important;
    clip-path: none !important;
}


/* Smooth transitions */
.modern-design * {
    transition: all 0.3s ease;
}