:root{--bg:#f5f7fa;--text:#222;--card:#fff;--border:#00000014;--primary:#2563eb;--secondary:#6b7280;--danger:#dc2626;--radius:12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:var(--bg);color:var(--text);line-height:1.4}.container{max-width:1100px;margin:0 auto;padding:20px}.section{margin-bottom:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:box-shadow .2s,transform .2s;box-shadow:0 4px 12px #0000000d}.card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.meta{color:#666;font-size:13px}.section-title{color:#111;margin-bottom:10px;font-size:18px;font-weight:600}button{cursor:pointer;border:none;border-radius:8px;padding:10px 14px;font-size:14px}button:hover{opacity:.9}.primary{background:var(--primary);color:#fff}.secondary{color:#111;background:#e5e7eb}.danger{background:var(--danger);color:#fff}.button-group{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}input,textarea,select{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:10px 12px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--primary)}.form-group{margin-bottom:12px}h1{margin-bottom:10px;font-size:28px}h2{margin-bottom:8px;font-size:22px}h3{margin-bottom:6px;font-size:18px}.list{flex-direction:column;gap:10px;display:flex}.list-item{border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px}.badge{border-radius:999px;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#854d0e;background:#fef9c3}.badge-danger{color:#991b1b;background:#fee2e2}.text-center{text-align:center}.row{gap:10px;display:flex}.row-center{justify-content:center;align-items:center;gap:10px;display:flex}.space-between{justify-content:space-between;align-items:center;display:flex}@media (max-width:768px){.container{padding:12px}.row,.button-group{flex-direction:column}}.media svg{width:100%;display:block}.hero{text-align:center;background:url(/header.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative}.hero:before{content:"";background:#00000059;position:absolute;inset:0}.hero-content{z-index:2;color:#fff;position:relative}.hero h1{margin-bottom:8px;font-size:42px}.hero p{opacity:.9;font-size:16px}.navbar{z-index:100;background:#fff;border-bottom:1px solid #00000014;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 20px;display:flex}.navbar-brand{color:#111;font-size:16px;font-weight:700}.navbar-links{align-items:center;gap:18px;display:flex}.navbar-links a{color:#374151;border-radius:8px;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .15s ease-in-out}.navbar-links a:hover{color:#111;background:#f3f4f6}.navbar-links a:active{transform:scale(.98)}.footer{background:#fff;border-top:1px solid #00000014;margin-top:60px}.footer-inner{justify-content:space-between;align-items:flex-start;gap:20px;max-width:1100px;margin:0 auto;padding:30px 20px;display:flex}.footer-title{color:#111;margin-bottom:6px;font-size:16px;font-weight:700}.footer-sub{color:#6b7280;max-width:300px;font-size:13px}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:#374151;border-radius:8px;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .15s ease-in-out}.footer-links a:hover{color:#111;background:#f3f4f6}.footer-credit a{color:#9ca3af;font-size:12px;text-decoration:underline;transition:color .15s ease-in-out}.footer-credit a:hover{color:#6b7280}.footer-bottom{text-align:center;color:#9ca3af;border-top:1px solid #0000000d;padding:12px 20px;font-size:12px}