/*==================================================
TEAM REGISTRATION PORTAL
==================================================*/

*{
    box-sizing:border-box;
}

/*=========================
HALAMAN PORTAL
=========================*/

.tr-portal{

    max-width:1000px;

    margin:40px auto;

    padding:40px;

    background:#ffffff;

    border-radius:12px;

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

}

/*=========================
HEADER
=========================*/

.tr-portal-header{

    text-align:center;

    margin-bottom:35px;

}

.tr-portal-logos{

    display:flex;

    justify-content:space-between;

    align-items:center;

    max-width:420px;

    margin:0 auto 25px;

}

.tr-portal-logo{

    width:85px;

    height:85px;

    object-fit:contain;

}

.tr-portal-title{

    margin:0;

    text-align:center;

    font-size:34px;

    font-weight:700;

    color:#0f172a;

}

.tr-portal-subtitle{

    margin-top:10px;

    text-align:center;

    font-size:18px;

    color:#64748b;

}

/*=========================
INTRO
=========================*/

.tr-portal-intro{

    background:#f8fafc;

    border-left:5px solid #2563eb;

    padding:22px;

    border-radius:8px;

    margin-bottom:30px;

}

.tr-portal-intro p{

    margin:0;

    font-size:16px;

    line-height:1.9;

    color:#334155;

}

/*=========================
PANDUAN
=========================*/

.tr-portal-guide{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:10px;

    padding:30px;

    margin-bottom:35px;

}

.tr-portal-guide h2{

    margin:0 0 20px;

    font-size:24px;

    color:#0f172a;

    border-bottom:2px solid #2563eb;

    padding-bottom:10px;

}

.tr-portal-guide ol{

    margin:0;

    padding-left:25px;

}

.tr-portal-guide li{

    margin-bottom:18px;

    line-height:1.9;

    color:#374151;

    font-size:15px;

}

/*=====================================
BUTTON PORTAL
=====================================*/
/*=====================================
BUTTON PORTAL
=====================================*/

.tr-portal-buttons-a{

    margin-top:40px;

}

.tr-portal-buttons-a .tr-btn-register,
.tr-portal-buttons-a .tr-btn-player{

    display:block;

    width:100%;

    padding:18px 20px;

    margin-bottom:20px;

    text-align:center;

    text-decoration:none;

    border-radius:10px;

    font-size:18px;

    font-weight:700;

}

.tr-portal-buttons-a .tr-btn-register{

    background:#0d6efd;

    color:#fff;

}

.tr-portal-buttons-a .tr-btn-register:hover{

    background:#0b5ed7;

    color:#fff;

    text-decoration:none;

}

.tr-portal-buttons-a .tr-btn-player{

    background:#198754;

    color:#fff;

}

.tr-portal-buttons-a .tr-btn-player:hover{

    background:#157347;

    color:#fff;

    text-decoration:none;

}