
:root{--bg:#0b0d10;--fg:#f5f7f9;--mut:#c9d1d9;--red:#e21d2f;--gold:#f1c40f;--green:#10b981;--line:#1f2a33}
html.smz,body.smz{background:var(--bg);color:var(--fg)}
a{color:var(--gold);text-decoration:none}
a:hover{color:#fff;text-shadow:0 0 8px var(--gold)}
#smz-ribbon{position:fixed;top:0;left:0;right:0;height:4px;z-index:9999;background:linear-gradient(90deg,var(--red),var(--gold),var(--green));background-size:200% 100%;animation:smz-rainbow 6s linear infinite}
@keyframes smz-rainbow{0%{background-position:0 0}100%{background-position:200% 0}}
#smz-smoke,#smz-smoke:before,#smz-smoke:after{position:fixed;inset:-10%;pointer-events:none;z-index:0;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.18;filter:blur(6px)}
#smz-smoke{background-image:radial-gradient(60vmax 40vmax at 20% 20%,rgba(226,29,47,.35),transparent 60%),radial-gradient(60vmax 40vmax at 80% 30%,rgba(241,196,15,.35),transparent 60%),radial-gradient(60vmax 40vmax at 40% 80%,rgba(16,185,129,.35),transparent 60%);animation:smz-drift 26s ease-in-out infinite}
#smz-smoke:before{content:"";background-image:radial-gradient(50vmax 30vmax at 10% 70%,rgba(241,196,15,.25),transparent 60%);animation:smz-drift2 34s ease-in-out infinite}
#smz-smoke:after{content:"";background-image:radial-gradient(50vmax 30vmax at 90% 60%,rgba(16,185,129,.25),transparent 60%);animation:smz-drift3 30s ease-in-out infinite}
@keyframes smz-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-2%,2%,0)}}
@keyframes smz-drift2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(3%,-2%,0)}}
@keyframes smz-drift3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-3%,-1%,0)}}
.smz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.smz-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 10px 40px rgba(0,0,0,.35);transform-style:preserve-3d;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.smz-card:hover{transform:perspective(900px) rotateX(6deg) rotateY(-6deg) translateZ(6px);border-color:rgba(241,196,15,.4);box-shadow:0 18px 60px rgba(241,196,15,.18)}
img{transition:filter .25s ease,transform .25s ease}
img:hover{filter:saturate(1.1) drop-shadow(0 10px 30px rgba(241,196,15,.15));transform:scale(1.02)}
body.smz{opacity:0;transition:opacity .4s ease}body.smz.smz-in{opacity:1}
#smz-cta{position:fixed;right:14px;bottom:16px;z-index:9998}
.smz-btn{display:inline-block;border:none;padding:12px 18px;border-radius:12px;font-weight:900;cursor:pointer;text-decoration:none;color:#031014;background:linear-gradient(135deg,var(--gold),var(--green));box-shadow:0 10px 28px rgba(16,185,129,.25)}
.smz-btn.alt{background:linear-gradient(135deg,var(--red),var(--gold));box-shadow:0 10px 28px rgba(226,29,47,.25)}
