body, html {
    margin: 0; padding: 0; height: 100%;
}
.overlay {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.3); z-index: -1;
}
.content-wrapper {
    position: relative; z-index: 1;
    min-height: 100vh; padding-bottom: 50px;
}
.btn-gold {
    background: linear-gradient(45deg, #D4AF37, #FFD700);
    border: 2px solid #B8860B;
    color: #1a1a1a; font-weight: bold;
    text-transform: uppercase; letter-spacing: 1px;
    transition: all 0.3s;
}
.btn-gold:hover {
    background: linear-gradient(45deg, #FFD700, #D4AF37);
    border-color: #FFD700; color: #000;
}
.mirror-frame {
    background: url('/static/images/frame-gold.svg') no-repeat center center;
    background-size: 100% 100%;
    padding: 50px; max-width: 600px; margin: 0 auto;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.5), inset 0 0 20px rgba(255,215,0,0.3);
    border-radius: 30px; position: relative;
    backdrop-filter: blur(3px);
}
.mirror-frame::before {
    content: "☾"; position: absolute;
    top: -20px; right: -20px;
    font-size: 50px; color: #D4AF37;
}
.mirror-content {
    background: rgba(255,255,240,0.9);
    padding: 30px; border-radius: 20px; text-align: center;
}
.gold-text {
    color: #B8860B; text-shadow: 1px 1px 2px #FFD700;
}
.btn-whatsapp {
    background-color: #25D366; color: white;
    border-radius: 50px; padding: 15px 30px; font-size: 1.2rem;
}
.btn-whatsapp:hover { background-color: #20b858; }