/* =========================================================
   INTEGRIFIN ACADEMY AGRICULTURE PREMIUM MODULE UI
   ========================================================= */

:root{
    --ia-navy:#071c3a;
    --ia-blue:#2f6fed;
    --ia-blue2:#4d7ff5;
    --ia-mint:#35d1be;
    --ia-lavender:#ececff;
    --ia-bg:#f4f7fc;
    --ia-card:#ffffff;
    --ia-text:#0b2140;
    --ia-muted:#60738d;
    --ia-border:#dce5f3;
}

*{
    box-sizing:border-box;
}

body{
    margin:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(128,123,255,.15),
            transparent 32rem
        ),
        linear-gradient(
            180deg,
            #f9fbff 0%,
            #f1f5fb 100%
        );
    color:var(--ia-text);
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.academy-module-shell{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    padding:24px 0 70px;
}

.academy-module-utility{
    width:min(1180px,calc(100% - 32px));
    margin:18px auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    position:relative;
    z-index:5;
}

.ia-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:0 18px;
    border-radius:13px;
    border:1px solid var(--ia-border);
    background:#fff;
    color:var(--ia-navy)!important;
    text-decoration:none!important;
    font-weight:800;
    cursor:pointer;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.ia-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 24px rgba(15,45,95,.12);
}

.ia-btn-primary{
    color:#fff!important;
    border:0;
    background:
        linear-gradient(
            135deg,
            var(--ia-blue),
            #5e63ee
        );
    box-shadow:0 12px 28px rgba(47,111,237,.22);
}

.ia-btn-dark{
    color:#fff!important;
    border:0;
    background:
        linear-gradient(
            135deg,
            #071c3a,
            #123e79
        );
}

.ia-module-hero{
    overflow:hidden;
    position:relative;
    padding:38px;
    border-radius:28px;
    background:
        linear-gradient(
            135deg,
            #071c3a 0%,
            #123f83 58%,
            #406ce0 100%
        );
    color:#fff;
    box-shadow:
        0 24px 70px rgba(7,28,58,.17);
}

.ia-module-hero:after{
    content:"";
    position:absolute;
    right:-90px;
    top:-110px;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(64,225,204,.16);
}

.ia-module-label{
    display:inline-flex;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.18);
    font-weight:900;
    font-size:13px;
    letter-spacing:.05em;
}

.ia-module-hero h1{
    position:relative;
    z-index:1;
    margin:18px 0 12px;
    max-width:820px;
    font-size:clamp(32px,5vw,58px);
    line-height:1.04;
    letter-spacing:-.035em;
}

.ia-module-hero p{
    position:relative;
    z-index:1;
    max-width:820px;
    margin:0;
    font-size:18px;
    line-height:1.7;
    color:rgba(255,255,255,.86);
}

.ia-hero-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:26px;
}

.ia-grid{
    display:grid;
    grid-template-columns:
        repeat(12,minmax(0,1fr));
    gap:18px;
    margin-top:22px;
}

.ia-card{
    grid-column:span 12;
    padding:26px;
    border:1px solid var(--ia-border);
    border-radius:22px;
    background:rgba(255,255,255,.92);
    box-shadow:
        0 14px 38px rgba(28,55,90,.07);
}

.ia-card.half{
    grid-column:span 6;
}

.ia-card.third{
    grid-column:span 4;
}

.ia-card h2,
.ia-card h3{
    margin-top:0;
    color:var(--ia-navy);
}

.ia-card h2{
    font-size:25px;
}

.ia-card h3{
    font-size:19px;
}

.ia-card p,
.ia-card li{
    color:#405977;
    line-height:1.75;
}

.ia-card ul,
.ia-card ol{
    padding-left:22px;
}

.ia-standard-chip{
    display:inline-flex;
    align-items:center;
    padding:7px 11px;
    margin:4px 5px 4px 0;
    border-radius:999px;
    background:#edf3ff;
    color:#164b9d;
    font-size:12px;
    font-weight:900;
}

.ia-case{
    border-left:4px solid var(--ia-mint);
    background:
        linear-gradient(
            135deg,
            #eefcf8,
            #f7fffd
        );
}

.ia-warning{
    border-left:4px solid #ffb13b;
    background:#fffaf0;
}

.ia-practice{
    border-left:4px solid var(--ia-blue);
}

.ia-module-footer{
    margin-top:24px;
    padding:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    border-radius:22px;
    background:#fff;
    border:1px solid var(--ia-border);
}

.ia-module-status{
    margin-top:12px;
    min-height:24px;
    font-weight:800;
    color:#197563;
}

.ia-curriculum-access{
    width:min(1460px,calc(100% - 40px));
    margin:36px auto;
    padding:30px;
    border-radius:28px;
    border:1px solid #dce5f3;
    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f5f7ff
        );
    box-shadow:
        0 18px 45px rgba(20,52,95,.08);
}

.ia-curriculum-access h2{
    color:var(--ia-navy);
    font-size:30px;
    margin:0 0 8px;
}

.ia-curriculum-access > p{
    color:var(--ia-muted);
    margin-bottom:24px;
}

.ia-curriculum-grid{
    display:grid;
    grid-template-columns:
        repeat(3,minmax(0,1fr));
    gap:14px;
}

.ia-curriculum-module{
    display:block;
    padding:20px;
    border:1px solid var(--ia-border);
    border-radius:18px;
    text-decoration:none!important;
    color:var(--ia-navy)!important;
    background:#fff;
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.ia-curriculum-module:hover{
    transform:translateY(-2px);
    border-color:#8eb1ff;
    box-shadow:0 14px 28px rgba(47,111,237,.11);
}

.ia-curriculum-module strong{
    display:block;
    margin-bottom:5px;
    color:var(--ia-blue);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.ia-curriculum-module span{
    font-size:16px;
    font-weight:900;
}

.ia-note{
    margin-top:20px;
    padding:16px 18px;
    border-radius:16px;
    background:#eef5ff;
    color:#345477;
    line-height:1.6;
}

@media(max-width:900px){
    .ia-card.half,
    .ia-card.third{
        grid-column:span 12;
    }

    .ia-curriculum-grid{
        grid-template-columns:1fr 1fr;
    }

    .ia-module-hero{
        padding:28px 24px;
    }
}

@media(max-width:620px){
    .ia-curriculum-grid{
        grid-template-columns:1fr;
    }

    .academy-module-shell{
        width:min(100% - 20px,1180px);
    }

    .academy-module-utility{
        width:min(100% - 20px,1180px);
    }

    .ia-module-hero h1{
        font-size:34px;
    }

    .ia-btn{
        width:100%;
    }
}