*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e8eaf0;background:#08080e;min-height:100vh;font-family:system-ui,sans-serif}a{color:#378add;text-decoration:none}a:hover{opacity:.8}h1{margin-bottom:6px;font-size:22px;font-weight:600}p{color:#6b7280;margin-bottom:20px;font-size:14px;line-height:1.6}main{max-width:860px;padding:32px 24px}.page-nav{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.page-nav a{color:#6b7280;border:1px solid #1e2130;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .15s}.page-nav a:hover{color:#378add;border-color:#378add}.breadcrumb{color:#4a5568;margin-bottom:20px;font-size:12px}.breadcrumb a{color:#4a5568}.section-label{letter-spacing:2px;text-transform:uppercase;color:#4a5568;margin-top:24px;margin-bottom:8px;font-size:10px;font-weight:700}header{background:#0d0f18;border-bottom:1px solid #1e2130;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}header .brand{letter-spacing:2px;color:#e8eaf0;font-size:13px;font-weight:700}header nav{gap:20px;display:flex}header nav a{color:#6b7280;font-size:13px}header nav a:hover{color:#e8eaf0}