@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');


:root{
    --primary:#0F171A;
    --secondary:#1e293b;
    --accent:#2563eb;
    --light:#f8fafc;
    --text:#334155;
    --border:#e2e8f0;
}

body{
    background:var(--light);
    color:var(--text);
}

.lawheader{
    background:linear-gradient(135deg,#0f172a,#1e3a8a);
    color:#fff;
    padding:70px 20px;
}

.lawheader-container{
    max-width:1100px;
    margin:auto;
}

.lawheader h1{
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.lawheader p{
    opacity:.9;
}

.lawcontainer{
    max-width:1100px;
    margin:auto;
    padding:50px 20px;
}

.law-card{
    background:#fff;
    border-radius:18px;
    padding:45px;
    box-shadow:0 10px 40px rgba(0,0,0,.06);
}

.lawsection{
    margin-bottom:45px;
}

.lawsection h2{
    color:var(--primary);
    margin-bottom:18px;
    font-size:24px;
    position:relative;
    padding-left:18px;
    line-height:1.8;
}

.lawsection h2::before{
    content:'';
    position:absolute;
    left:0;
    top:5px;
    width:5px;
    height:28px;
    border-radius:10px;
    background:var(--accent);
}

.lawsection p{
    margin-bottom:14px;
}

.lawsection ul{
    padding-left:20px;
}

.lawsection ul li{
    margin-bottom:10px;
}

.lawhighlight{
    background:#eff6ff;
    border-left:4px solid var(--accent);
    padding:18px;
    border-radius:10px;
    margin-top:20px;
}

@media(max-width:768px){

    .lawheader{
        padding:55px 20px;
    }

    .lawheader h1{
        font-size:32px;
    }

    .law-card{
        padding:30px 22px;
    }

    .lawsection h2{
        font-size:22px;
    }

}