:root{
--bg:#020617; /* deep navy */
--panel:#071028; /* slightly lighter */
--text:#E6EDF6;
--muted:#A8B3C7;
--accent:#38BDF8; /* cyan accent */
--line:rgba(255,255,255,.08);
--max: 980px;
--radius: 18px;
}


*{box-sizing:border-box}
html,body{height:100%}
body{
margin:0;
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
background: radial-gradient(1200px 600px at 20% 0%, rgba(56,189,248,.08), transparent 55%),
radial-gradient(900px 500px at 80% 20%, rgba(99,102,241,.06), transparent 50%),
var(--bg);
color:var(--text);
line-height:1.55;
}


a{color:var(--text); text-decoration:none}
a:hover{color:var(--accent)}


.container{max-width:var(--max); margin:0 auto; padding:28px 18px 56px}


.header{
display:flex; align-items:center; justify-content:space-between;
padding:12px 0 22px; border-bottom:1px solid var(--line);
}
.brand{font-weight:650; letter-spacing:.2px}
.nav{display:flex; gap:14px; color:var(--muted); font-size:14px}
.nav a{color:var(--muted)}
.nav a:hover{color:var(--text)}


.breadcrumb{margin:22px 0 10px; color:var(--muted); font-size:13px}
.breadcrumb a{color:var(--muted)}


.hero{
padding:22px 18px;
background: rgba(255,255,255,.03);
border:1px solid var(--line);
border-radius: var(--radius);
}
.h1{font-size:34px; line-height:1.15; margin:0 0 8px; letter-spacing:-.3px}
.h2{font-size:18px; color:var(--muted); margin:0}


.card{
margin-top:18px;
padding:18px;
background: rgba(255,255,255,.02);
border:1px solid var(--line);
border-radius: var(--radius);
}
.meta{display:flex; gap:12px; flex-wrap:wrap; color:var(--muted); font-size:13px}


.content{margin-top:10px; font-size:18px}
.content p{margin:0 0 14px}
.content strong{color:var(--text)}


.list{margin-top:18px; display:grid; gap:12px}
.item{
padding:14px 16px;
border:1px solid var(--line);
border-radius: 14px;
background: rgba(255,255,255,.015);
}
.item-title{font-weight:650}
.item-sub{margin-top:4px; color:var(--muted); font-size:14px}


.footer{
margin-top:34px; padding-top:16px;
border-top:1px solid var(--line);
color:var(--muted); font-size:13px;
}