/* Base styles and branding */
:root{--brand-red:#c1272d;--brand-black:#111;--brand-gray:#666}
*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f8fafc;color:#0f172a}
.container{width:90%;max-width:1200px;margin:0 auto;padding:0 16px}
.site-header{background:var(--brand-black);color:#fff;padding:10px 0}
.site-header .logo img{height:50px}
.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:12px;align-items:center}
.main-nav a{color:#e6eef6;text-decoration:none;padding:10px 8px;border-radius:6px}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,0.03)}
.content{padding:24px 0}
.site-footer{background:var(--brand-black);color:#94a3b8;padding:24px 0;margin-top:40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.2s}
.card:hover{transform:translateY(-6px)}
.btn{background:var(--brand-red);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none;display:inline-block;border:none}
.btn.secondary{background:#475569}
.form-row{margin-bottom:12px}
input,textarea,select{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:8px}
.alert{padding:10px;border-radius:8px;background:#ecfeff;border:1px solid #67e8f9}
@media (max-width:768px){.main-nav ul{display:none;position:absolute;right:0;top:64px;background:var(--brand-black);flex-direction:column;padding:10px;border-radius:8px}.main-nav ul.active{display:flex}.menu-toggle{display:block;color:#fff;padding:8px;cursor:pointer}}