:root{--primary:#0b6b88; --accent:#0b9aa6; --muted:#6b7280; --bg:#f6fbfc; --card:#ffffff;}body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; margin:0; background:var(--bg); color:#042634;} .container{max-width:1040px; margin:0 auto; padding:20px;} .header{background:linear-gradient(90deg,var(--primary),var(--accent)); color:white; padding:18px; border-radius:6px; display:flex; align-items:center; justify-content:space-between; gap:12px;} .brand{display:flex; gap:12px; align-items:center;} .logo{width:64px; height:64px; border-radius:6px; overflow:hidden; background:white; display:flex; align-items:center; justify-content:center;} .nav a{color:white; margin-left:12px; text-decoration:none; font-weight:700;} .hero{margin-top:18px; padding:14px; background:var(--card); border-radius:8px; box-shadow:0 1px 4px rgba(2,6,23,0.06);} .grid{display:grid; grid-template-columns:2fr 1fr; gap:18px; margin-top:16px;} .card{background:var(--card); padding:14px; border-radius:8px; box-shadow:0 1px 2px rgba(2,6,23,0.04);} .tender-item{border-bottom:1px solid #eef7f8; padding:12px 0;} .tender-item:last-child{border-bottom:none;} .tender-title{font-weight:700; color:var(--primary); text-decoration:none;} .meta{font-size:13px; color:var(--muted); margin-top:6px;} .btn{display:inline-block; padding:8px 12px; background:var(--primary); color:white; border-radius:6px; text-decoration:none; font-weight:700;} .footer{margin-top:28px; padding:12px 0; text-align:center; color:var(--muted); font-size:13px;} @media(max-width:880px){ .grid{grid-template-columns:1fr;} .nav{display:none} }