/*==================================================
LEGAL PAGE
==================================================*/

.legal-hero{

    position:relative;

    padding:170px 0 90px;

    background:
    radial-gradient(circle at top right,
    rgba(255,77,90,.15),
    transparent 35%),

    radial-gradient(circle at left,
    rgba(255,215,0,.08),
    transparent 40%),

    #0B0F19;

    text-align:center;

}

.legal-hero h1{

    font-size:60px;

    margin:20px 0;

    color:antiquewhite;
    
}

.legal-hero p{
    
    color:antiquewhite;

    font-size:18px;


}

.hero-badge{

    display:inline-block;

    padding:12px 28px;

    border-radius:999px;

    background:#ff4d5a;

    color:#fff;

    font-weight:700;

    animation:pulse 2s infinite;

}

.legal-section{

    background:#101624;

    padding:80px 0;

}

.legal-content{

    max-width:1000px;

    margin:auto;

    background:var(--card);

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

    border-radius:25px;

    padding:60px;

    box-shadow:0 25px 60px rgba(0,0,0,.35);

}

.legal-content h2{

    color:#fff;

    margin-top:45px;

    margin-bottom:18px;

    font-size:32px;

}

.legal-content p{

    color:#fff;

    line-height:1.9;

    margin-bottom:20px;

}

.legal-content ul{

    margin:20px 0 30px 25px;

}

.legal-content li{

    color:var(--gray);

    margin-bottom:14px;

    line-height:1.8;

    color:#fff;

}

.legal-content strong{

    color:#fff;

}

.legal-content hr{

    margin:55px 0;

    border:none;

    height:1px;

    background:rgba(255,255,255,.08);

}

.legal-content a{

    color:var(--primary);

    text-decoration:none;

}

.legal-content a:hover{

    text-decoration:underline;

}



/*==================================================
TABLE OF CONTENTS
==================================================*/

.toc{

    position:sticky;

    top:120px;

    background:var(--card);

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

    border-radius:20px;

    padding:30px;

}

.toc h3{

    margin-bottom:25px;

}

.toc ul{

    list-style:none;

    margin:0;

    padding:0;

}

.toc li{

    margin-bottom:15px;

}

.toc a{

    color:var(--gray);

    transition:.3s;

}

.toc a:hover{

    color:var(--primary);

    padding-left:8px;

}

/*==================================================
NOTICE BOX
==================================================*/

.notice-box{

    margin:35px 0;

    background:rgba(255,77,90,.08);

    border-left:5px solid #ff4d5a;

    padding:25px;

    border-radius:15px;

}

.notice-box h4{

    margin-bottom:12px;

    color:#fff;

}

.notice-box p{

    margin:0;

}

/*==================================================
INFO BOX
==================================================*/

.info-box{

    margin:35px 0;

    background:rgba(255,215,0,.08);

    border-left:5px solid gold;

    padding:25px;

    border-radius:15px;

}

/*==================================================
LEGAL FOOTER
==================================================*/

footer{

    background:#070b12;

    text-align:center;

    padding:45px;

    border-top:1px solid rgba(255,255,255,.05);

}

footer p{

    color:var(--gray);

}

/*==================================================
BACK TO TOP
==================================================*/

#scrollTop{

    position:fixed;

    bottom:30px;

    right:30px;

    width:55px;

    height:55px;

    border:none;

    border-radius:50%;

    background:var(--primary);

    color:#000;

    font-size:20px;

    cursor:pointer;

    display:none;

    z-index:999;

    transition:.3s;

}

#scrollTop:hover{

    transform:translateY(-6px);

}

/*==================================================
SELECTION
==================================================*/

::selection{

    background:var(--primary);

    color:#000;

}

/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#0B0F19;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:20px;

}

/*==================================================
READING PROGRESS BAR
==================================================*/

#readingProgress{

    position:fixed;

    top:0;

    left:0;

    width:0;

    height:4px;

    background:linear-gradient(90deg,#FFD700,#FF3D57);

    z-index:99999;

}

/*==================================================
PRINT BUTTON
==================================================*/

.print-button{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 28px;

    border-radius:999px;

    background:#FFD700;

    color:#000;

    cursor:pointer;

    transition:.3s;

    font-weight:600;

}

.print-button:hover{

    transform:translateY(-3px);

}

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

@media(max-width:992px){

.legal-content{

    padding:45px;

}

.legal-hero h1{

    font-size:46px;

}

}

@media(max-width:768px){

.legal-content{

    padding:30px;

}

.legal-content h2{

    font-size:25px;

}

.legal-hero{

    padding:140px 0 70px;

}

.legal-hero h1{

    font-size:38px;

}

.hero-badge{

    font-size:14px;

    padding:10px 20px;

}

}

@media(max-width:576px){

.legal-content{

    padding:22px;

}

.legal-content h2{

    font-size:22px;

}

.legal-content p{

    font-size:15px;

}

}

.legal-actions{

    display:flex;

    justify-content:flex-end;

    margin-bottom:40px;

}

@media print{

nav,
footer,
#scrollTop,
#readingProgress,
.hero-badge,
.print-button{

display:none !important;

}

body{

background:#fff;

color:#000;

}

.legal-content{

box-shadow:none;

border:none;

background:#fff;

}

a{

color:#000;

text-decoration:none;

}

}