/* web-hosting-affiliates-websnp — migrated from pages.css */
/* Description */


        /* How it Works */

/* web-hosting-affiliates-websnp — extracted from blade inline styles */
.aff-hero {
        background: #0f172a;
        padding: 100px 0;
        color: #fff;
        text-align: center;
        border-radius: 0 0 50px 50px;
    }
.aff-hero h1 { font-size: 48px; font-weight: 800; margin-bottom: 20px; text-align: center; }
    .aff-hero p { font-size: 18px; color: #94a3b8; max-width: 700px; margin: 0 auto 40px; }
    
    .aff-card {
        background: #fff;
        padding: 40px;
        border-radius: 24px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        border: 1px solid #f1f5f9;
        transition: transform 0.3s;
        height: 100%;
    }
    .aff-card:hover { transform: translateY(-5px); }
    .aff-icon { font-size: 40px; color: #0d9488; margin-bottom: 25px; }
    .aff-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px; color: #1e293b; }
    .aff-card p { color: #64748b; line-height: 1.7; }

    .tier-box {
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        padding: 30px;
        border-radius: 16px;
        text-align: center;
        border: 1px solid #e2e8f0;
    }
    .tier-box h4 { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #64748b; margin-bottom: 10px; }
    .tier-box .price { font-size: 32px; font-weight: 800; color: #0f172a; }