*{box-sizing:border-box} 
 body{ 
 margin:0; 
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto; 
 background:#0f172a; 
 color:#e5e7eb; 
 } 
 a{color:#38bdf8;text-decoration:none} 
 .container{ 
 max-width:1200px; 
 margin:auto; 
 padding:40px 20px; 
 } 
 .nav{ 
 display:flex; 
 justify-content:space-between; 
 align-items:center; 
 padding:20px 40px; 
 background:#020617; 
 } 
 .nav a{margin:0 14px;color:#e5e7eb} 
 .nav .logo{font-size:20px;font-weight:bold} 
 .hero{ 
 padding:100px 20px; 
 text-align:center; 
 background:linear-gradient(135deg,#1f6f46,#0ea5e9); 
 } 
 .hero h1{font-size:48px;margin-bottom:10px} 
 .section{ 
 background:#020617; 
 margin:40px auto; 
 border-radius:16px; 
 padding:40px; 
 } 
 .grid{ 
 display:grid; 
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); 
 gap:24px; 
 } 
 .card { 
background:#1e293b; 
border:1px solid #334155; 
padding:24px; 
border-radius:14px; 
transition: transform 0.2s, box-shadow 0.2s;
} 
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.3);
cursor: pointer;
}

/* Modal Styles */
.modal {
display: none; 
position: fixed; 
z-index: 1000; 
left: 0;
top: 0;
width: 100%; 
height: 100%; 
overflow: auto; 
background-color: rgba(0,0,0,0.8); 
backdrop-filter: blur(5px);
}

.modal-content {
background-color: #1e293b;
margin: 15% auto; 
padding: 30px;
border: 1px solid #334155;
border-radius: 16px;
width: 80%; 
max-width: 500px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
color: #e2e8f0;
position: relative;
animation: modalFadeIn 0.3s;
}

@keyframes modalFadeIn {
from {opacity: 0; transform: translateY(-20px);}
to {opacity: 1; transform: translateY(0);}
}

.close {
color: #94a3b8;
position: absolute;
top: 15px;
right: 20px;
font-size: 28px;
font-weight: bold;
transition: color 0.2s;
cursor: pointer;
}

.close:hover,
.close:focus {
color: #f1f5f9;
text-decoration: none;
}

.modal h2 {
margin-top: 0;
color: #38bdf8;
}

.modal p {
line-height: 1.6;
color: #cbd5e1;
} 
 .ad{ 
 border:2px dashed #475569; 
 padding:40px; 
 text-align:center; 
 margin-top:20px; 
 } 
 footer{ 
 text-align:center; 
 padding:40px; 
 font-size:14px; 
 color:#94a3b8; 
 }