body.landing-body{
    background: radial-gradient(circle at top, #111827 0, #020617 45%, #020617 100%);
    color:#e5e7eb;
    font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.landing-navbar{
    background:rgba(15,23,42,.92);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(212,175,55,.25);
}
.logo-nav{width:36px;height:36px;border-radius:12px;object-fit:contain;background:#020617;padding:4px;box-shadow:0 0 0 1px rgba(212,175,55,.5);}
.logo-hero{width:96px;height:96px;border-radius:28px;object-fit:contain;background:#020617;padding:10px;box-shadow:0 0 0 2px rgba(212,175,55,.7);}
.logo-footer{width:40px;height:40px;border-radius:14px;object-fit:contain;background:#020617;padding:6px;box-shadow:0 0 0 1px rgba(212,175,55,.5);}
.landing-page .hero-section{
    padding-top:110px;
    padding-bottom:80px;
}
.section-padding{padding:80px 0;}
.bg-navy-soft{background:linear-gradient(135deg,#020617,#020617 35%,#111827 100%);}
.bg-navy-deep{background:radial-gradient(circle at top,#0b1220 0,#020617 55%,#020617 100%);}

/* Fix visibility for text-muted on dark background */
.text-muted {
    color: #9ca3af !important; /* Tailwind gray-400 */
}

.text-gold{color:#D4AF37;}
.bg-gold{background:#D4AF37;}
.border-gold{border-color:rgba(212,175,55,.85)!important;}
.btn-gold{
    background:linear-gradient(135deg,#D4AF37,#facc15);
    border:none;
    color:#111827;
    box-shadow:0 18px 45px rgba(250,204,21,.45);
}
.btn-gold:hover{
    background:linear-gradient(135deg,#facc15,#eab308);
    color:#020617;
}
.card-glass{
    background:rgba(15,23,42,.92);
    border:1px solid rgba(148,163,184,.35);
    box-shadow:0 20px 50px rgba(15,23,42,.85);
    backdrop-filter:blur(18px);
}
.hero-demo-card{border-radius:24px;}
.hero-demo-screen{
    border-radius:18px;
    border:1px dashed rgba(148,163,184,.6);
    padding:24px;
    text-align:center;
    background:radial-gradient(circle at top,#020617,#020617 60%,#0f172a 100%);
}
.hero-demo-ticket{
    font-size:2.4rem;
    font-weight:800;
    letter-spacing:.12em;
}
.hero-demo-name{
    margin-top:8px;
    font-size:1.2rem;
    font-weight:600;
    color:#D4AF37;
}
.hero-demo-meta{
    margin-top:4px;
    font-size:.9rem;
    color:#9ca3af;
}
.timeline-steps{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:1.5rem;
}
.timeline-steps .step{
    flex:1 1 150px;
    text-align:center;
    position:relative;
}
.timeline-steps .step .circle{
    width:52px;height:52px;border-radius:50%;
    margin:0 auto 8px;
    display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle,#facc15,#D4AF37);
    color:#111827;
    font-weight:700;
    box-shadow:0 10px 25px rgba(250,204,21,.45);
}
.timeline-steps .step .label{
    font-weight:600;
    color:#e5e7eb;
}
.timeline-steps .step::after{
    content:"";
    position:absolute;
    top:26px;
    left:50%;
    right:-50%;
    height:1px;
    background:linear-gradient(90deg,rgba(148,163,184,.1),rgba(212,175,55,.75),rgba(148,163,184,.1));
}
.timeline-steps .step:last-child::after{display:none;}
.demo-screen{
    min-height:260px;
    background:radial-gradient(circle at top,#020617,#020617 55%,#0b1120 100%);
}
.demo-roller{
    height:80px;
    overflow:hidden;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.5);
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(90deg,#020617,#0b1120,#020617);
    font-size:2rem;
    font-weight:700;
    letter-spacing:.15em;
}
.demo-roller span{
    display:inline-block;
    padding:0 .2em;
    color:#e5e7eb;
}
.demo-winner .h2{letter-spacing:.12em;}
.pill-card{
    text-align:center;
    padding:12px 16px;
    border-radius:999px;
    background:rgba(15,23,42,.9);
    border:1px solid rgba(148,163,184,.4);
    color:#e5e7eb;
    font-size:.9rem;
}
.pill-card:hover{
    border-color:rgba(212,175,55,.9);
    color:#fefce8;
}
.landing-footer{
    border-top:1px solid rgba(148,163,184,.4);
    padding:24px 0;
    background:rgba(2,6,23,.98);
}
.btn-lang{
    background:transparent;
    color:#9ca3af;
    border-color:rgba(148,163,184,.4);
}
.btn-lang.active{
    background:#D4AF37;
    color:#111827;
    border-color:#D4AF37;
}
@media (max-width:991.98px){
    .landing-page .hero-section{padding-top:96px;padding-bottom:60px;}
    .timeline-steps{flex-direction:column;}
    .timeline-steps .step::after{display:none;}
}