/*=========================================
            CONTEST PAGE
=========================================*/

.contest-page{

    margin-top:170px;

    margin-bottom:80px;

    width:min(1200px,92%);

    margin-left:auto;

    margin-right:auto;

}

/*=========================================
            HERO
=========================================*/

.contest-hero{

    text-align:center;

    margin-bottom:70px;

}

.contest-hero h1{

    font-size:3.2rem;

    color:#3b3026;

    margin-bottom:20px;

}

.gold-line{

    width:90px;

    height:5px;

    background:#d4af37;

    border-radius:50px;

    margin:0 auto 35px auto;

}

.contest-intro{

    max-width:850px;

    margin:auto;

    font-size:1.35rem;

    line-height:1.8;

    color:#666;

}

/*=========================================
            STEPS
=========================================*/

.contest-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-bottom:70px;

}

.contest-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    text-align:center;

    box-shadow:0 12px 30px rgba(0,0,0,.10);

    transition:.35s;

}

.contest-card:hover{

    transform:translateY(-8px);

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

}

.contest-icon{

    font-size:3.5rem;

    margin-bottom:20px;

}

.contest-card h3{

    margin-bottom:15px;

    color:#3b3026;

}

.contest-card p{

    color:#666;

    line-height:1.7;

}

/*=========================================
            PRIZE
=========================================*/

.prize-box{

    background:linear-gradient(135deg,#fff8e8,#fff2d2);

    border:2px solid #d4af37;

    border-radius:25px;

    padding:40px;

    text-align:center;

    margin-bottom:60px;

}

.prize-box h2{

    color:#b8860b;

    margin-bottom:20px;

    font-size:2rem;

}

.prize-box p{

    font-size:1.2rem;

    line-height:1.8;

    color:#555;

}

/*=========================================
            FORM
=========================================*/

.contest-form{

    background:#fff;

    border-radius:22px;

    padding:45px;

    box-shadow:0 12px 35px rgba(0,0,0,.10);

}

.contest-form label{

    display:block;

    margin-top:22px;

    margin-bottom:10px;

    font-weight:600;

}

.contest-form input[type="text"],
.contest-form input[type="file"],
.contest-form textarea{

    width:100%;

    padding:15px;

    border:1px solid #ddd;

    border-radius:12px;

    font-size:1rem;

    font-family:inherit;

    box-sizing:border-box;

}

.contest-form textarea{

    resize:vertical;

    min-height:170px;

}

.contest-checkbox{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin:30px 0;

}

.contest-checkbox input{

    margin-top:5px;

}

.contest-checkbox label{

    margin:0;

    font-weight:normal;

    line-height:1.7;

}

.contest-checkbox a{

    color:#C8902A;

    font-weight:600;

    text-decoration:none;

}

.contest-checkbox a:hover{

    text-decoration:underline;

}

.contest-form button{

    width:100%;

    margin-top:15px;

}

.contest-website-field{

    display:none;

}

/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:900px){

    .contest-cards{

        grid-template-columns:1fr;

    }

}

@media(max-width:600px){

    .contest-page{

        width:95%;

    }

    .contest-hero h1{

        font-size:2.3rem;

    }

    .contest-intro{

        font-size:1rem;

    }

    .contest-form{

        padding:25px;

    }

    .prize-box{

        padding:25px;

    }

}