:root{--bg:#08080c;--cyan:#2fd0ff;--txt:#fff;--muted:rgba(255,255,255,.62);--faint:rgba(255,255,255,.4);
--card:rgba(26,38,44,.45);--border:rgba(255,255,255,.14)}
*{box-sizing:border-box}
body{margin:0;padding:0 18px 80px;background:var(--bg);color:var(--txt);
 font:16px/1.65 -apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
 background-image:radial-gradient(900px 700px at 20% 0%,rgba(47,208,255,.16),transparent 60%),
                  radial-gradient(700px 600px at 100% 10%,rgba(140,90,255,.12),transparent 60%);
 background-attachment:fixed}
.wrap{max-width:760px;margin:0 auto}
header{padding:34px 0 18px;display:flex;align-items:center;gap:12px}
header .logo{font-weight:900;font-size:20px;letter-spacing:-.3px}
header .logo span{color:var(--cyan)}
header nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}
header nav a{color:var(--muted);text-decoration:none;font-size:14px}
header nav a:hover,header nav a.on{color:var(--cyan)}
h1{font-size:30px;letter-spacing:-.5px;margin:18px 0 6px}
.maj{color:var(--faint);font-size:13px;margin-bottom:26px}
section{background:var(--card);border:1px solid var(--border);border-radius:22px;
 padding:20px 22px;margin-bottom:14px;backdrop-filter:blur(20px)}
h2{font-size:17px;margin:0 0 8px;color:var(--cyan)}
p{margin:0 0 10px;color:rgba(255,255,255,.9)}
p:last-child{margin-bottom:0}
ul{margin:0 0 10px;padding-left:20px;color:rgba(255,255,255,.9)}
a{color:var(--cyan)}
footer{color:var(--faint);font-size:13px;text-align:center;padding:30px 0 0}