:root{--bg:#f7f7fb;--nav:#0f172a;--accent:#06b6d4;--text:#0b1220}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}main{padding:2rem}.container{max-width:900px;margin:2rem auto}.navbar{background:var(--nav);color:#fff;padding:.5rem 1rem}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.logo{color:var(--accent);font-weight:700;text-decoration:none}.links a{color:#fff;margin-left:1rem;text-decoration:none}.links a:hover{opacity:.85}