body{margin:0;font-family:Arial;background:#1b100b;color:#fff}.hero{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#b56d2e,#f0b35d)}.logo{width:130px;border-radius:50%;border:4px solid #fff}.buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}a,button{background:#ffc766;color:#222;text-decoration:none;padding:14px 22px;border-radius:999px;font-weight:bold;border:none}.container{max-width:900px;margin:auto;padding:20px}.banner{width:100%;border-radius:16px}.card{background:#342017;padding:22px;border-radius:18px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
/* ========= Smooth Scroll ========= */

html{
scroll-behavior:smooth;
}

/* ========= Fade Animation ========= */

.hidden{
opacity:0;
transform:translateY(30px);
transition:all .8s ease;
}

.show{
opacity:1;
transform:translateY(0);
}

/* ========= Floating Background ========= */

.floating-bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
pointer-events:none;
z-index:0;
}

.float{
position:absolute;
font-size:22px;
opacity:.08;
animation:floatUp linear infinite;
}

@keyframes floatUp{

0%{
transform:translateY(110vh) rotate(0deg);
}

100%{
transform:translateY(-120px) rotate(360deg);
}

}

/* ========= Cards ========= */

.card{
transition:.35s;
}

.card:hover{

transform:translateY(-8px);

box-shadow:0 12px 30px rgba(0,0,0,.35);

}

/* ========= Buttons ========= */

.buttons a,
button{

transition:.3s;

}

.buttons a:hover,
button:hover{

transform:translateY(-3px) scale(1.03);

box-shadow:0 8px 25px rgba(255,184,77,.35);

}

button:active,
.buttons a:active{

transform:scale(.96);

}

/* ========= Hero ========= */

.hero img{

animation:pop .9s ease;

}

.hero h1{

animation:fadeDown .8s ease;

}

.hero p{

animation:fadeDown 1s ease;

}

@keyframes pop{

0%{
transform:scale(.7);
opacity:0;
}

100%{
transform:scale(1);
opacity:1;
}

}

@keyframes fadeDown{

0%{
opacity:0;
transform:translateY(-25px);
}

100%{
opacity:1;
transform:translateY(0);
}

}