.section-tag{

color:var(--cyan);

font-weight:700;

font-size:18px;

}



.section-header{

text-align:center;

max-width:800px;

margin:auto;

}



.section-header h2{

font-size:clamp(35px,5vw,55px);

font-weight:900;

line-height:1.5;

}



.section-header p{

margin-top:20px;

color:var(--text-muted);

font-size:18px;

}



.page-hero{

min-height:50vh;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

padding-top:150px;

padding-left:20px;

padding-right:20px;

}



.page-hero h1{

font-size:clamp(40px,6vw,70px);

font-weight:900;

margin-top:25px;

}



.page-hero p{

margin-top:20px;

font-size:20px;

color:var(--text-muted);

max-width:700px;

}



.rules-section{

padding:60px 0 120px;

}



.rules-grid{

margin-top:70px;

display:grid;

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

gap:30px;

}



.rule-card{

padding:35px;

border-radius:35px;

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

border:1px solid rgba(255,255,255,.12);

transition:.35s;

}



.rule-card:hover{

transform:translateY(-8px);

}



.rule-icon{

width:60px;

height:60px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

background:linear-gradient(135deg,var(--primary),var(--cyan));

}



.rule-card h3{

margin-top:22px;

font-size:24px;

}



.rule-card ul{

margin-top:18px;

display:flex;

flex-direction:column;

gap:12px;

}



.rule-card li{

color:var(--text-muted);

line-height:1.9;

padding-right:22px;

position:relative;

}



.rule-card li::before{

content:"";

position:absolute;

right:0;

top:10px;

width:8px;

height:8px;

border-radius:50%;

background:var(--cyan);

}



@media(max-width:900px){

.rules-grid{

grid-template-columns:1fr;

}


.page-hero{

min-height:auto;

padding-top:140px;

}


.page-hero h1{

font-size:42px;

}


}