/* ============================================
   HOME PAGE — CLEAN V3.5.3
============================================ */

/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body#home-page {
    background: #000;
    color: #fff;
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
}

/* BREATHING BACKGROUND */
.breathing-bg {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: radial-gradient(circle,
        rgba(255,215,130,0.12),
        rgba(0,0,0,1)
    );
    animation: breathe 9s ease-in-out infinite;
    z-index: -1;
}

@keyframes breathe {
    0%   { transform: scale(1); opacity: .7; }
    50%  { transform: scale(1.05); opacity: 1; }
    100% { transform: scale(1); opacity: .7; }
}

/* HERO WRAPPER */
.hero-container {
    width: 100%;
    max-width: 480px;
    margin: 120px auto 0 auto;
    text-align: center;
    padding: 0 20px;
}

/* HERO SYMBOL */
.hero-symbol {
    width: 65%;
    max-width: 300px;
    height: auto;
    margin: 0 auto 30px;
    display: block;
    animation: heroPulse 6s ease-in-out infinite;
}

@keyframes heroPulse {
    0%   { transform: scale(1); opacity: 1; }
    50%  { transform: scale(1.08); opacity: 0.85; }
    100% { transform: scale(1); opacity: 1; }
}

/* TITLE */
.hero-title {
    font-family: 'Cinzel', serif;
    font-size: 42px;
    color: #e6c773;
    margin-bottom: 12px;
}

/* SUBTITLE */
.hero-sub {
    font-size: 16px;
    color: #e6c773; /* FIXED: readable on light background */
    opacity: 0.9;
    margin-bottom: 40px;
}

/* ENTER BUTTON */
.enter-button {
    display: inline-block;
    padding: 12px 28px;
    font-size: 16px;
    background: #e6c773;
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px;
    transition: 0.3s;
}

.enter-button:hover {
    background: #f5e1a2;
}