.academy-hero{


    padding:90px 20px 80px;


    background:

    radial-gradient(
    circle at top right,
    #fff3d5,
    transparent 35%
    ),

    linear-gradient(
    135deg,
    #fffaf0,
    #ffffff
    );


}



.hero-container{


    max-width:1180px;

    margin:auto;

    display:grid;

    grid-template-columns:

    1fr 1fr;

    align-items:center;

    gap:50px;


}



.hero-badge{


    display:inline-block;

    padding:8px 15px;

    border-radius:30px;

    background:#fff;

    border:1px solid #e5c76b;

    color:#650000;

    font-size:13px;

    font-weight:800;


}



.hero-content h1{


    margin-top:25px;

    font-size:58px;

    line-height:1.1;

    font-weight:900;

    color:#4c0000;


}



.hero-content h1 span{


    color:#d4af37;


}



.hero-text{


    margin-top:20px;

    color:#666;

    font-size:18px;

    line-height:1.8;


}



.hero-buttons{


    margin-top:35px;

    display:flex;

    gap:15px;


}



.hero-primary,
.hero-secondary{


    padding:15px 28px;

    border-radius:14px;

    text-decoration:none;

    font-weight:800;


}



.hero-primary{


    background:#650000;

    color:#fff;


}



.hero-secondary{


    border:2px solid #650000;

    color:#650000;


}




.hero-points{


    display:flex;

    gap:35px;

    margin-top:45px;


}



.hero-points div{


    text-align:center;


}



.hero-points strong{


    display:block;

    color:#650000;

    font-size:30px;


}



.hero-points small{


    color:#777;

    font-size:12px;

    font-weight:700;


}





.hero-card{


    position:relative;

    text-align:center;


}



.hero-card img{


    width:100%;

    max-width:520px;


}



.floating-card{


    position:absolute;

    bottom:40px;

    left:20px;


    background:#fff;


    padding:15px 20px;


    border-radius:15px;


    box-shadow:0 15px 40px rgba(0,0,0,.12);


    color:#650000;

    font-weight:800;


}







@media(max-width:900px){


.hero-container{


grid-template-columns:1fr;

text-align:center;


}


.hero-content h1{


font-size:38px;


}



.hero-buttons{


justify-content:center;


}



.hero-points{


justify-content:center;


}



}