:root{color:#fff;--color-orange:#ff7900;--color-black:#111;--color-dark:#1c1c1c;--color-white:#fff;--color-muted:#aaa;background:#111;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:3px solid var(--color-orange);background:#000;justify-content:space-between;align-items:center;padding:18px 5%;display:flex}.branding{align-items:center;gap:15px;display:flex}.branding img{object-fit:contain;background:#fff;border-radius:50%;width:65px;height:65px}.branding h1{color:var(--color-orange);letter-spacing:2px;font-size:22px}.branding span{color:var(--color-muted);letter-spacing:3px;font-size:11px}nav{gap:25px;display:flex}nav a{color:#fff;font-weight:700;text-decoration:none;transition:color .2s}nav a:hover,nav a.active{color:var(--color-orange)}.page-content{text-align:center;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:80px 25px}.page-content h2{color:var(--color-orange);letter-spacing:2px;margin-bottom:20px;font-size:32px}.page-content p{color:#ddd;line-height:1.8}footer{border-top:2px solid var(--color-orange);text-align:center;color:var(--color-muted);background:#000;padding:22px;font-size:13px}@media (width<=600px){.site-header{flex-direction:column;gap:20px}nav{gap:20px}.page-content{padding:50px 20px}}