body{color:#222;background:#f5f7fa;margin:0;font-family:Arial,Helvetica,sans-serif}nav{color:#fff;background:#1f2937;padding:16px 24px}nav a{color:#fff;margin:0 8px;font-weight:600;text-decoration:none}nav a:hover{text-decoration:underline}nav button{color:#fff;background:0 0;border:1px solid #fff;margin-left:8px;padding:6px 12px}main{background:#fff;border-radius:8px;max-width:1100px;margin:30px auto;padding:24px;box-shadow:0 2px 8px #00000014}h1{color:#1f2937;margin-top:0}h2{color:#374151;margin-top:28px}form{max-width:600px}form div{margin-bottom:16px}label{margin-bottom:6px;font-weight:600;display:block}input,select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px;width:100%;padding:10px;font-size:1rem}select[multiple]{min-height:110px}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:10px 16px;font-size:.95rem}button:hover{opacity:.9}table{border-collapse:collapse;width:100%;margin:16px 0 24px}th,td{text-align:left;vertical-align:top;border:1px solid #d1d5db;padding:10px}th{background:#e5e7eb}tbody tr:nth-child(2n){background:#f9fafb}ul{padding-left:24px}li{margin-bottom:8px}@media (width<=700px){main{margin:15px;padding:16px}nav{padding:12px;line-height:2}table{font-size:.85rem}}