*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0f16;--bg-card:#111a25;--text:#e8ecf1;--text-sec:#9ba8b9;--accent:#00d4aa;--border:rgba(255,255,255,0.07);--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:0.8}
.container{max-width:800px;margin:0 auto;padding:0 24px}
.topbar{background:rgba(255,180,50,0.12);padding:10px 24px;text-align:center;font-size:14px;color:#ffb840;border-bottom:1px solid rgba(255,180,50,0.15)}
.topbar strong{margin-right:8px}
.header{position:sticky;top:0;z-index:1100;background:rgba(10,15,22,0.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:800px;margin:0 auto}
.logo{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-0.5px}
.logo em{font-style:normal;color:var(--accent)}
.nav a{color:var(--text-sec);font-size:15px;font-weight:500;margin-left:24px}
.nav a:hover{color:var(--text)}
.page-header{padding:60px 0 40px;border-bottom:1px solid var(--border)}
.page-header h1{font-size:36px;font-weight:800;margin-bottom:12px}
.content{padding:48px 0 80px}
.footer{border-top:1px solid var(--border);padding:32px 0;margin-top:40px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;max-width:800px;margin:0 auto;padding:0 24px}
.footer-copy{font-size:14px;color:var(--text-sec)}
.footer-links{display:flex;gap:20px}
.footer-links a{font-size:14px;color:var(--text-sec)}
.footer-links a:hover{color:var(--text)}
.burger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;position:relative}
.burger span{display:block;width:24px;height:2px;background:#e8ecf1;margin:5px 0;border-radius:2px;transition:0.3s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0f16;z-index:1000;flex-direction:column;padding:80px 24px 24px;overflow-y:auto;display:none}
.mobile-nav.active{display:flex}
.mobile-nav-links{display:flex;flex-direction:column;flex:1}
.mnav-link{color:#e8ecf1;font-size:18px;font-weight:500;padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.07);display:block}
.mnav-link:hover{opacity:1;color:#00d4aa}