/* ===================================
   9. SERVICES
=================================== */

.services{

    width:90%;

    max-width:1200px;

    margin:70px auto;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

.card{

    background:#fff;

    border-radius:18px;

    padding:35px;

    text-align:center;

    color:#333;

    box-shadow:var(--shadow);

    transition:var(--transition);

}

.card:hover{

    transform:translateY(-8px);

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

}

.card h3{

    color:var(--primary);

    margin-bottom:18px;

    font-size:28px;

}

.card p{

    color:#666;

    line-height:2;

}

/* ===================================
   10. QUICK ACCESS
=================================== */

.quick-access{

    width:90%;

    max-width:1200px;

    margin:70px auto;

    text-align:center;

}

.quick-access h2{

    font-size:36px;

    color:var(--primary);

    margin-bottom:35px;

}

.quick-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.quick-buttons a{

    display:inline-block;

    min-width:230px;

    padding:18px 30px;

    background:var(--primary);

    color:#fff;

    border-radius:12px;

    font-size:19px;

    font-weight:bold;

    transition:var(--transition);

}

.quick-buttons a:hover{

    background:var(--secondary);

    color:#111;

    transform:translateY(-4px);

}

/* ===================================
   11. REGISTER BOX
=================================== */

.register-box{

    width:90%;

    max-width:900px;

    margin:80px auto;

    background:#fff;

    border-radius:18px;

    padding:45px;

    text-align:center;

    box-shadow:var(--shadow);

}

.register-box h2{

    font-size:36px;

    color:var(--primary);

    margin-bottom:20px;

}

.register-box p{

    font-size:20px;

    color:#666;

    line-height:2.2;

    margin-bottom:30px;

}