*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#f5f7fb;
color:#333;
line-height:1.8;
}

.hero{
background:linear-gradient(135deg,#0f172a,#1e3a8a);
color:white;
padding:80px 20px;
text-align:center;
}

.hero h1{
font-size:42px;
margin-bottom:15px;
}

.hero p{
opacity:.9;
font-size:18px;
}

.container{
max-width:1100px;
margin:50px auto;
background:white;
padding:50px;
border-radius:15px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
}

section{
margin-bottom:45px;
}

h2{
color:#0f172a;
margin-bottom:18px;
}

p{
margin-bottom:15px;
}

ul{
padding-left:22px;
}

li{
margin-bottom:10px;
}

.notice{
background:#fff8e6;
border-left:6px solid #f59e0b;
padding:20px;
border-radius:8px;
margin:25px 0;
}

.warning{
background:#ffecec;
border-left:6px solid #dc2626;
padding:20px;
border-radius:8px;
margin:25px 0;
}

.success{
background:#ecfdf5;
border-left:6px solid #16a34a;
padding:20px;
border-radius:8px;
margin:25px 0;
}

.footer{
text-align:center;
padding:35px;
color:#777;
font-size:14px;
}

strong{
color:#111827;
}