#hero{
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at center,
            rgba(180,138,60,0.08),
            transparent 60%
        );
    pointer-events:none;
}

.hero-content{
    max-width:700px;
    z-index:2;
}

.hero-subtitle{
    color:#c8a96b;
    text-transform:uppercase;
    letter-spacing:4px;
    margin-bottom:20px;
    font-size:0.95rem;
}

.hero-content h1{
    font-size:6rem;
    line-height:1;
    margin-bottom:20px;
    color:#f5f1e8;
    text-shadow:
        0 0 10px rgba(255,215,140,0.15),
        0 0 30px rgba(255,215,140,0.08);
}

.hero-content h2{
    font-size:2rem;
    font-weight:500;
    color:#d6c39a;
    margin-bottom:30px;
}

.hero-description{
    max-width:650px;
    line-height:1.9;
    font-size:1.05rem;
    color:#d1d1d1;
    margin-bottom:45px;
}

.hero-buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.primary-btn,
.secondary-btn{
    padding:16px 34px;
    border-radius:50px;
    transition:0.4s ease;
    font-weight:500;
    letter-spacing:1px;
}

.primary-btn{
    background:#b48a3c;
    color:#111;
    box-shadow:
        0 0 20px rgba(180,138,60,0.35);
}

.primary-btn:hover{
    transform:translateY(-4px);
    box-shadow:
        0 0 35px rgba(180,138,60,0.55);
}

.secondary-btn{
    border:1px solid rgba(255,255,255,0.18);
    backdrop-filter:blur(10px);
    color:#f5f5f5;
}

.secondary-btn:hover{
    background:rgba(255,255,255,0.08);
    transform:translateY(-4px);
}

.candle{
    position:absolute;
    width:85px;
    opacity:0.38;
    animation:float 12s ease-in-out infinite;
    filter:
        drop-shadow(0 0 12px rgba(255,180,80,0.08));
}

.candle-1{
    top:18%;
    right:8%;
}

.candle-2{
    top:72%;
    right:14%;
    width:65px;
    animation-delay:2s;
}

.candle-3{
    top:32%;
    left:5%;
    width:70px;
    animation-delay:4s;
}

.hero-description{
    max-width:650px;
}