:root{--brand-azure-start:#2EA8E6;--brand-azure-end:#1C90D1;--text:#000;--muted:#f5f7fa;--card:#fff;--border:#e5e7eb}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:"Times New Roman",Times,serif;color:var(--text)}
header{background:var(--muted);border-bottom:1px solid var(--border)}.header-top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}
.brand{display:flex;gap:10px;align-items:center}.brand .hex{width:28px;height:28px;border:2px solid var(--brand-azure-end);transform:rotate(90deg);border-radius:4px;display:inline-block}
.brand h1{font-size:20px;margin:0}nav{display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px}a{text-decoration:none}
.btn{padding:10px 14px;border-radius:8px;background:linear-gradient(135deg,var(--brand-azure-start),var(--brand-azure-end));color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.container{max-width:1100px;margin:0 auto;padding:20px}
.hero{padding:28px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.gallery{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}img{max-width:100%;height:auto;display:block;border-radius:8px}
table{border-collapse:collapse;width:100%}th,td{border:1px solid var(--border);padding:10px;text-align:left}tfoot td{font-weight:bold}
.notice{background:#fffbea;border:1px solid #f7e27f;border-radius:8px;padding:12px}.footer{border-top:1px solid var(--border);padding:20px;text-align:center;color:#555}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px}
label{display:block;margin:8px 0 6px;font-weight:bold}@media(max-width:700px){.header-top{flex-direction:column;align-items:flex-start}form .row{grid-template-columns:1fr}}