:root{--red:#c9332b;--green:#2f6f4e;--light:#f6f7f8;--dark:#1d2428;--silver:#dfe3e6}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}
header{background:#fff;border-bottom:1px solid var(--silver);position:sticky;top:0;z-index:5}
.wrap{max-width:1100px;margin:auto;padding:0 20px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.brand{font-weight:800;font-size:24px;color:var(--red)}.brand span{color:var(--green)}
nav a{margin-left:18px;color:var(--dark);text-decoration:none;font-weight:700}
.hero{background:linear-gradient(135deg,#f7f7f7,#eceff1);padding:78px 0}
.hero h1{font-size:48px;line-height:1.05;margin:0 0 18px}.hero p{font-size:20px;max-width:700px}
.btn{display:inline-block;background:var(--red);color:#fff;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:700;border:0;cursor:pointer}
.btn.alt{background:var(--green)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--silver);padding:24px;border-radius:12px;background:#fff}
section{padding:58px 0}h2{font-size:34px;margin-top:0}
form{max-width:760px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:block;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #b8c0c5;border-radius:8px;font-size:16px}
.notice{padding:14px;border-radius:8px;margin:12px 0}.ok{background:#e7f5ec;color:#215c3a}.err{background:#fdebea;color:#8a1d18}
footer{background:var(--dark);color:#fff;padding:30px 0;margin-top:30px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:12px;border-bottom:1px solid var(--silver);text-align:left}
.adminbar{background:var(--dark);color:#fff;padding:15px}.adminbar a{color:#fff;margin-right:16px;text-decoration:none}
@media(max-width:760px){.grid,.row{grid-template-columns:1fr}.hero h1{font-size:38px}nav{display:none}}