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

.terms-section{

    position:relative;

    overflow:hidden;

    padding:100px 0;

    background:
    radial-gradient(circle at left top,
    rgba(155,0,47,.12),
    transparent 35%),

    linear-gradient(180deg,#090909,#101010);

}

.terms-wrapper{

    max-width:950px;

    margin:auto;
	background:

linear-gradient(
180deg,
rgba(255,255,255,.03),
rgba(255,255,255,.02)
);

border:1px solid rgba(212,175,55,.08);

border-radius:28px;

padding:50px;

backdrop-filter:blur(18px);

}

.terms-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:rgba(212,175,55,.10);

    border:1px solid rgba(212,175,55,.20);

    color:var(--primary);

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.terms-title{

    color:var(--white);

    font-size:42px;

    line-height:1.2;

    margin-bottom:25px;

}

.terms-title::after{

    content:"";

    display:block;

    width:80px;

    height:4px;

    margin-top:18px;

    border-radius:20px;

    background:var(--gold-gradient);

}

.terms-text{

    color:var(--text);

    line-height:1.9;

    margin-bottom:20px;

    font-size:16px;

}

.terms-info{

    display:grid;

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

    gap:25px;

    margin-top:45px;

}

.terms-info-card{

    padding:28px;

    border-radius:20px;

    background:var(--glass);

    border:1px solid var(--glass-border);

    transition:var(--transition);

    box-shadow:var(--shadow);

}

.terms-info-card:hover{

    transform:translateY(-6px);

    border-color:rgba(212,175,55,.30);

    box-shadow:var(--glow);

}

.terms-info-card h3{

    color:var(--primary);

    margin-bottom:12px;

    font-size:22px;

}

.terms-info-card p{

    color:var(--text);

    line-height:1.8;

}

/*=========================
Responsive
=========================*/

@media(max-width:768px){

.terms-section{

    padding:70px 0;

}

.terms-title{

    font-size:32px;

}

.terms-info{

    grid-template-columns:1fr;

}

}

/*==================================
TERMS LIST
==================================*/

.terms-list{

    margin-top:35px;

    padding:0;

    list-style:none;

}

.terms-list li{

    position:relative;

    padding:18px 20px 18px 50px;

    margin-bottom:18px;

    background:var(--glass);

    border:1px solid var(--glass-border);

    border-radius:18px;

    color:var(--text);

    line-height:1.8;

    transition:var(--transition);

}

.terms-list li::before{

    content:"✓";

    position:absolute;

    left:20px;

    top:18px;

    width:22px;

    height:22px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(212,175,55,.12);

    color:var(--primary);

    font-weight:700;

    font-size:14px;

}

.terms-list li:hover{

    transform:translateX(6px);

    border-color:rgba(212,175,55,.30);

    box-shadow:var(--glow);

}

/*==================================
TERMS CONTACT
==================================*/

.terms-contact{

    padding:100px 0;

    background:
    linear-gradient(180deg,#111111,#090909);

    border-top:1px solid rgba(212,175,55,.06);

}

.terms-contact-card{

    max-width:950px;

    margin:auto;

    padding:50px;

    border-radius:28px;

    background:linear-gradient(
    180deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.02)
    );

    border:1px solid rgba(212,175,55,.10);

    backdrop-filter:blur(18px);

    box-shadow:var(--shadow);

}

.terms-contact-grid{

    display:grid;

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

    gap:25px;

    margin-top:40px;

}

.terms-contact-item{

    padding:28px;

    border-radius:20px;

    background:var(--glass);

    border:1px solid var(--glass-border);

    transition:var(--transition);

}

.terms-contact-item:hover{

    transform:translateY(-5px);

    border-color:rgba(212,175,55,.30);

    box-shadow:var(--glow);

}

.terms-contact-item h3{

    color:var(--primary);

    margin-bottom:12px;

    font-size:22px;

}

.terms-contact-item p{

    color:var(--text);

    line-height:1.8;

}

.terms-contact-item a{

    color:var(--white);

    text-decoration:none;

    transition:var(--transition);

}

.terms-contact-item a:hover{

    color:var(--primary);

}

@media(max-width:768px){

.terms-contact{

    padding:70px 0;

}

.terms-contact-card{

    padding:30px 25px;

}

.terms-contact-grid{

    grid-template-columns:1fr;

}

}