html,body{
margin:0!important;padding:0!important;width:100%!important;height:100%!important;
overflow-x:hidden!important;
background:linear-gradient(180deg,#000000,#1a0000,#2b0000)!important;
background-attachment:fixed!important;background-size:cover!important;
font-family:’Playfair Display’,serif!important;
color:#f2dede!important;text-align:center!important;
cursor:none!important;
}

/* Cursor */
.cursor{
position:fixed;top:0;left:0;width:22px;height:22px;border-radius:50%;
pointer-events:none;z-index:9999;
background:radial-gradient(circle,#ff3b3b,#7a0000,transparent);
box-shadow:0 0 25px 10px #8b0000;
transition:transform .05s linear;
animation:cursorPulse 1.8s infinite alternate ease-in-out;
}
@keyframes cursorPulse{from{transform:scale(1);opacity:.9;}to{transform:scale(1.4);opacity:.5;}}

.trail{
position:fixed;width:10px;height:10px;border-radius:50%;
pointer-events:none;z-index:9998;
background:radial-gradient(circle,rgba(180,40,40,0.7),rgba(50,0,0,0.1));
box-shadow:0 0 10px #8b0000;
animation:fadeTrail 1s linear forwards;
}
@keyframes fadeTrail{from{opacity:.8;transform:scale(1);}to{opacity:0;transform:scale(0);}}

/* Emoji Rain */
.emoji-rain{
position:fixed;inset:0;pointer-events:none;z-index:20;
overflow:hidden;font-size:1.6em;
}
.emoji-rain span{
position:absolute;animation:falling linear infinite;opacity:.8;
text-shadow:0 0 15px #ff3b3b,0 0 30px #7a0000;
}
@keyframes falling{
0%{transform:translateY(-10vh) rotate(0deg);}
100%{transform:translateY(110vh) rotate(360deg);opacity:0;}
}

/* Blog Container */
.blog{
max-width:900px;margin:6% auto;padding:40px;text-align:center;
background:rgba(10,0,0,0.85)!important;
border:4px solid rgba(120,0,0,0.6)!important;
box-shadow:0 0 30px rgba(0,0,0,0.9)!important;
backdrop-filter:blur(15px)!important;
}

h1{
font-size:clamp(1.8rem,4vw,2.8rem)!important;
color:#ff4d4d!important;
text-shadow:0 0 25px #8b0000,0 0 40px #4a0000!important;
font-weight:800!important;margin-bottom:1rem!important;
}

p{
font-size:clamp(1rem,1.5vw,1.2rem)!important;
line-height:1.8em!important;
color:#f2dede!important;
text-shadow:0 0 10px rgba(120,0,0,0.4)!important;
}

.signature{
margin-top:30px;
font-style:italic;
font-size:clamp(1rem,1.5vw,1.1rem)!important;
color:#ffb3b3;
text-shadow:0 0 10px #8b0000;
}

/* CTA Buttons */
.cta-container{
text-align:center;margin-top:35px;
display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
}
.cta{
display:inline-block;
padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,30px);
border-radius:999px!important;
text-decoration:none!important;
font-weight:700!important;
background:linear-gradient(90deg,#8b0000,#3a0000,#000)!important;
color:#fff!important;text-transform:uppercase;
border:2px solid #000!important;
box-shadow:0 0 15px rgba(0,0,0,0.9)!important;
animation:btnPulse 2s infinite alternate;
font-size:clamp(.8rem,1.4vw,1rem)!important;
transition:all .3s ease;min-width:240px;
}
@keyframes btnPulse{
from{transform:scale(1);box-shadow:0 0 15px rgba(0,0,0,0.9);}
to{transform:scale(1.06);box-shadow:0 0 25px #ff4d4d;}
}

@media(max-width:600px){
.cta-container{flex-direction:column;align-items:center;}
.cta{width:80%;margin:8px 0;}
.blog{margin:10% 5%!important;padding:25px!important;}
}

const cursor=document.getElementById(‘cursor’);
document.addEventListener(‘mousemove’,e=>{
cursor.style.transform=`translate(${e.clientX-11}px,${e.clientY-11}px)`;
const t=document.createElement(‘div’);
t.classList.add(‘trail’);
t.style.left=e.clientX+’px’;
t.style.top=e.clientY+’px’;
document.body.appendChild(t);
setTimeout(()=>t.remove(),900);
});