:root{--bg:#291c21;--card:linear-gradient(180deg,rgba(80,28,28,.94),rgba(60,16,16,.92));--surface:linear-gradient(180deg,rgba(28,22,22,.98),rgba(22,16,16,.98));--accent:#8c0f0f;--card-border:rgba(140,15,15,.6);--max-width:1100px}body,html{padding:0;margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:var(--bg);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:16px}h1,h2,h3{line-height:1.15}h1,h2,h3,p{margin:0 0 12px}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.card{position:relative;overflow:hidden;background:var(--card);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45);border:1px solid var(--card-border);width:100%;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);padding:18px;.card:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.3));pointer-events:none;border-radius:inherit}}.btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--accent);border:none;cursor:pointer;font-weight:500}.btn,.btn.secondary{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}.btn.secondary{background:hsla(0,0%,100%,.08)}img{max-width:100%;height:auto;display:block}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.nav .brand{font-weight:700;font-size:1.1rem}@media (max-width:768px){:root{--max-width:1000px}.nav{padding:10px}.card{padding:14px;border-radius:10px}body{font-size:15px}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}