/* ============================= CSS ============================= */


/* ===================================================== */
/* USEFUL LINKS                                            */
/* ===================================================== */

.main-section-link-useful {margin-top:50px;padding-top:35px;border-top:2px solid rgba(0,0,0,0.08);}

.main-section-link-useful h3 {margin:0px 0px 25px 0px;font-size:24px;color:var(--maincolor1);text-align:center;}

.main-section-link-useful-grid {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;}

.main-section-link-useful-grid a {padding:12px 20px;border-radius:12px;background:rgba(107,92,141,0.08);color:var(--maincolor1);font-weight:600;text-decoration:none;transition:all .25s ease;}

.main-section-link-useful-grid a:hover {transform:translateY(-2px);background:var(--maincolor1);color:white;}

.main-section-link-useful-active {padding:12px 20px;border-radius:12px;background:var(--maincolor1);color:white;font-weight:700;cursor:default;}

@media all and (max-width:768px) {

    .main-section-link-useful-grid {flex-direction:column;align-items:stretch;}

    .main-section-link-useful-grid a {text-align:center;}

    .main-section-link-useful-active {text-align:center;}
}
/* =============================================================== */


/* ===================================================== */
/* HOME PAGES                                             */
/* ===================================================== */

.home-main-content {max-width:1400px;margin:40px auto;padding:0px 20px;}

.home-main-container {max-width:1100px;margin:0px auto;background:white;padding:50px;border-radius:20px;box-shadow:0px 10px 35px rgba(0,0,0,0.08);border-top:10px solid var(--maincolor1);}

.home-main-header {margin-bottom:50px;text-align:center;}

.home-main-badge {display:inline-block;padding:8px 18px;margin-bottom:20px;background:rgba(107,92,141,0.10);color:var(--maincolor1);font-size:13px;font-weight:bold;letter-spacing:2px;border-radius:999px;text-transform:uppercase;}

.home-main-header h1 {margin:0px;font-size:46px;line-height:1.3;color:var(--maincolor1);}

.home-main-section {padding:30px;margin-bottom:25px;background:rgba(255,255,255,0.70);border:2px solid rgba(40,50,80,0.10);border-radius:16px;box-shadow:0px 4px 15px rgba(0,0,0,0.04);transition:all .25s ease;}

.home-main-section:hover {transform:translateY(-2px);box-shadow:0px 8px 25px rgba(0,0,0,0.08);}

.home-main-section h2 {margin:0px 0px 20px 0px;font-size:28px;color:var(--maincolor1);}

.home-main-section p {margin:0px 0px 18px 0px;font-size:17px;line-height:1.9;color:#444444;}

.home-main-section ul {margin:20px 0px;padding-left:25px;}

.home-main-section li {margin-bottom:12px;line-height:1.8;color:#444444;}

.home-main-section a {color:var(--maincolor1);font-weight:600;text-decoration:none;}

.home-main-section a:hover {text-decoration:underline;}


/* ===================================================== */
/* FOOTER LINKS                                            */
/* ===================================================== */

.home-main-footer {margin-top:50px;padding-top:35px;border-top:2px solid rgba(0,0,0,0.08);}

.home-main-footer h3 {margin:0px 0px 25px 0px;font-size:24px;color:var(--maincolor1);text-align:center;}

.home-main-footer-grid {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;}

.home-main-footer-grid a {padding:12px 20px;border-radius:12px;background:rgba(107,92,141,0.08);color:var(--maincolor1);font-weight:600;text-decoration:none;transition:all .25s ease;}

.home-main-footer-grid a:hover {transform:translateY(-2px);background:var(--maincolor1);color:white;}

.home-main-footer-link-active {padding:12px 20px;border-radius:12px;background:var(--maincolor1);color:white;font-weight:700;cursor:default;}


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

@media all and (max-width:1024px) {

    .home-main-content {padding:0px 10px;}

    .home-main-container {padding:35px 25px;}

    .home-main-header h1 {font-size:34px;}

    .home-main-section h2 {font-size:24px;}

}

@media all and (max-width:768px) {

    .home-main-container {padding:25px 20px;}

    .home-main-header h1 {font-size:28px;}

    .home-main-section h2 {font-size:22px;}

    .home-main-section p {font-size:16px;}

    .home-main-footer-grid {flex-direction:column;align-items:stretch;}

    .home-main-footer-grid a {text-align:center;}

    .home-main-footer-link-active {text-align:center;}

}

@media all and (max-width:480px) {

    .home-main-header h1 {font-size:24px;}

    .home-main-badge {font-size:11px;padding:7px 14px;}

    .home-main-section h2 {font-size:20px;}

    .home-main-section p {font-size:15px;line-height:1.8;}

}





/* ===================================================== */
/* HOME LOGIN                                             */
/* ===================================================== */

.home-login-section{max-width:650px;margin:40px auto;padding:35px;background:white;border-radius:20px;box-shadow:0px 10px 30px rgba(0,0,0,.08);}

.home-login-section .form-group{margin-bottom:25px;}

.home-login-section label{display:block;margin-bottom:8px;font-weight:600;color:#333;}

.home-login-section input{width:100%;padding:15px;border:1px solid #d9dce5;border-radius:12px;font-size:16px;box-sizing:border-box;transition:.2s;}

.home-login-section input:focus{outline:none;border-color:var(--maincolor1);box-shadow:0px 0px 0px 4px rgba(107,92,141,.12);}

.home-login-section .btn-login{width:100%;padding:16px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--maincolor1),var(--maincolor2));color:white;font-size:17px;font-weight:700;cursor:pointer;transition:.25s;}

.home-login-section .btn-login:hover{transform:translateY(-2px);box-shadow:0px 10px 25px rgba(0,0,0,.15);}

.home-login-links{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;}

.home-login-links a{text-decoration:none;color:var(--maincolor1);font-weight:600;}

.home-login-links a:hover{text-decoration:underline;}

.home-login-message-error{margin:0px 0px 25px 0px;padding:15px 20px;background:#fff1f1;border:1px solid #ffcccc;border-radius:12px;color:#c62828;font-weight:600;}

@media all and (max-width:1024px){

    .home-login-section{padding:25px;}

    .home-login-links{flex-direction:column;text-align:center;}

}