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

/* BODY */
body{
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: radial-gradient(circle at center, #0b1a1f 0%, #050d10 60%, #000 100%);
    color:#ffffff;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}

/* CONTAINER */
.container{
    max-width:600px;
    width:90%;
}

/* LANGUAGE BUTTON */
.lang{
    position:fixed;
    top:30px;
    left:30px;
    padding:10px 22px;
    border:1px solid #00ffd5;
    border-radius:30px;
    color:#00ffd5;
    cursor:pointer;
    transition:0.3s;
}

.lang:hover{
    background:#00ffd5;
    color:#000;
}

/* LOGO */
.logo{
    width:160px;
    max-width:45%;
    margin-bottom:40px;
    animation:breathe 16s ease-in-out infinite;
}

/* BREATHING ANIMATION */
@keyframes breathe {

    0%{
        transform:scale(1);
        filter:drop-shadow(0 0 5px rgba(0,255,213,0.2));
    }

    25%{
        transform:scale(1.08);
        filter:drop-shadow(0 0 30px rgba(0,255,213,0.9));
    }

    50%{
        transform:scale(1.08);
        filter:drop-shadow(0 0 30px rgba(0,255,213,0.9));
    }

    75%{
        transform:scale(1);
        filter:drop-shadow(0 0 5px rgba(0,255,213,0.2));
    }

    100%{
        transform:scale(1);
        filter:drop-shadow(0 0 5px rgba(0,255,213,0.2));
    }
}

/* LINE */
.line{
    width:120px;
    height:3px;
    margin:0 auto 30px auto;
    background:linear-gradient(90deg, transparent, #00ffd5, transparent);
    border-radius:3px;
}

/* TAGLINE */
.tagline{
    font-size:1.2rem;
    color:#cfcfcf;
    margin-bottom:30px;
}

/* BUTTON */
.enter-btn{
    display:inline-block;
    padding:14px 36px;
    border:1px solid #ffffff;
    color:#ffffff;
    text-decoration:none;
    letter-spacing:2px;
    transition:0.3s;
    margin-bottom:25px;
}

.enter-btn:hover{
    background:#ffffff;
    color:#000;
}

/* EARLY NOTE */
.early-note{
    font-size:0.9rem;
    color:#9a9a9a;
    margin-top:10px;
}

/* FOOTER */
.footer{
    margin-top:60px;
    font-size:0.8rem;
    color:#666;
    .hero{
font-size:0.95rem;
color:#9aa0a6;
margin-bottom:20px;
letter-spacing:0.5px;
}

.featured{
margin-bottom:40px;
}
    
}