*{box-sizing:border-box}
body{min-height:100vh;display:flex;flex-direction:column;margin:0}
.page-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 1.5rem;background:rgba(5,8,22,.92);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(34,211,238,.1)}
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text);text-decoration:none}
.logo-neon{color:var(--cyan);text-shadow:var(--glow-cyan)}
.logo-guide{color:var(--muted);font-weight:400}
.page-main{flex:1;padding:6rem 1.5rem 4rem;max-width:800px;margin:0 auto;width:100%}
.page-card{padding:2.5rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:var(--surface);backdrop-filter:blur(12px)}
.page-card h1{font-size:2rem;font-weight:900;text-transform:uppercase;margin:0 0 1.5rem}
.page-card h1 .glow{color:var(--cyan);text-shadow:var(--glow-cyan)}
.page-card h2{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text)}
.page-card p,.page-card ul{font-size:.9rem;color:var(--muted);line-height:1.7;margin:0 0 1rem}
.page-card ul{padding-left:1.5rem}
.page-card ul li{margin-bottom:.5rem}
.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;margin-bottom:1.5rem;text-decoration:none}
.back-link:hover{color:var(--cyan)}
.page-footer{padding:2rem 1.5rem;text-align:center;font-size:.78rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.04)}
.page-footer a{color:var(--muted)}
.page-footer a:hover{color:var(--cyan)}
@media(max-width:600px){.page-main{padding:5rem 1rem 2rem}.page-card{padding:1.5rem}}