:root{--max-width:1100px;--radius:12px;--gap:16px;--gold-1:#d4af37;--gold-2:#b8860b;--gold-3:#f0d88b;--black-1:#0b0b0b;--black-2:#111;--card-bg:linear-gradient(135deg,var(--black-2)0%,var(--black-1)100%);--shadow-soft:0 8px 24px #0b0b0b0f;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--text:var(--black-1);--header-height:72px;--header-bg:#06060699;--header-border:#ffffff08;--z-header:100}html,body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.container{font-family:var(--font);max-width:var(--max-width);box-sizing:border-box;color:var(--text);background:linear-gradient(#fff 0%,#fbfbfb 100%);min-height:100vh;margin:0 auto;padding:20px 16px}.fancy-background{background:linear-gradient(120deg,#fffbe6 0%,#f7f7fa 60%,#e6f7ff 100%)}header h1{color:var(--text);margin:0;font-size:clamp(20px,6vw,28px);line-height:1.05}.content{width:100%}.title{color:var(--text);margin:0;font-size:16px}.tags{flex-wrap:wrap;gap:8px;margin-top:12px;padding-left:0;list-style:none;display:flex}.tag{color:var(--text);background:#ffffff0a;border:1px solid #d4af3714;border-radius:999px;padding:6px 12px;font-size:13px;box-shadow:inset 0 -1px #0006}.actions{align-items:center;gap:10px;width:100%;margin-top:12px;display:flex}.cta{background:linear-gradient(180deg,var(--gold-3),var(--gold-1));color:var(--black-1);cursor:pointer;border:none;border-radius:8px;width:100%;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:600;box-shadow:0 8px 30px #b482142e}.cta,.cta *{color:#0b0b0b!important}.btn{background:linear-gradient(180deg,var(--gold-3),var(--gold-1));color:var(--black-1);border-radius:8px;padding:8px 12px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{box-shadow:0 8px 30px #b4821424}@media (min-width:640px){.menu-toggle{display:none}.nav{box-shadow:none;background:0 0;border:none;flex-direction:row;align-items:center;gap:18px;padding:0;position:static;top:auto;left:auto;right:auto;display:flex!important}.nav ul{flex-direction:row;gap:12px}.nav-cta{margin-left:12px}}main.container{padding-top:calc(var(--header-height) + 20px)}
