:root{
--primary:#ff7a00;
--primary2:#ffb347;
--bg:#f6f8fb;
--card:#ffffff;
--radius:16px;
--shadow:0 10px 30px rgba(0,0,0,0.08);
}

body{
font-family:Inter,Arial;
background:var(--bg);
margin:0;
padding:40px;
}

.card{
background:var(--card);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:20px;
}

.btn{
padding:12px 18px;
border:none;
border-radius:10px;
background:linear-gradient(45deg,var(--primary),var(--primary2));
color:white;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.btn:hover{
transform:scale(1.05);
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
gap:25px;
}

.title{
font-size:34px;
font-weight:700;
margin-bottom:20px;
}