:root{
--primary:#2563eb;
--bg:#f4f6f8;
--card:#ffffff;
--text:#1f2937;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:Inter,Arial,sans-serif;
background:var(--bg);
color:var(--text);
}
header{
background:#0f172a;
padding:16px;
}
header a{
color:#fff;
margin-right:16px;
text-decoration:none;
font-weight:600;
}
.container{
max-width:1200px;
margin:30px auto;
padding:20px;
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:20px;
}
.card{
background:var(--card);
border-radius:12px;
padding:20px;
box-shadow:0 8px 24px rgba(0,0,0,.05);
}
.card a{color:var(--primary);text-decoration:none;font-weight:600}
textarea,input,select{
width:100%;
padding:10px;
margin:8px 0;
border-radius:6px;
border:1px solid #ccc;
}
button{
background:var(--primary);
color:#fff;
border:none;
padding:10px 16px;
border-radius:8px;
cursor:pointer;
}
footer{
text-align:center;
padding:30px;
font-size:14px;
color:#6b7280;
}