* { margin:0; padding:0; box-sizing:border-box; }
body {
    background: #000;
    color: #fff;
    font-family: 'Rajdhani', sans-serif;
    overflow: hidden;
    height: 100vh;
}

/* START PAGE */
#splash {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    transition: opacity 0.8 ease;
}
#splash.fade-out { opacity: 0; }

.go-text {
    font-family: 'Orbitron', sans-serif;
    font-size: 6vw;
    letter-spacing: 8px;
    background: linear-gradient(90deg, #000000, #7a7a7a, #000);
    -webkit-backdrop-clip: text;
    text-shadow: 0 0 40px rgba(71, 71, 71, 0.7);
    animation: glow 3s infinite alternate;
}
@keyframes glow {
    from { filter: hue-rotate(0deg); }
    to { filter: hue-rotate(360deg); }
}

/* BIO */
#bio.hidden { display: none; }
#bio.fade-in { animation: fadeIn 1s forwards; }
@keyframes fadeIn { from {opacity:0; transform:translateY(20px);} to {opacity:1; transform:none} }


.container {
    text-align: center;
    padding: 40px 20px;
    max-width: 420px;
    margin: 0 auto;
}

.pfp {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 4px solid #7a7a7a;
    box-shadow: 0 0 30px #7a7a7a;
    margin-bottom: 20px;
}

h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: 3.5em;
    margin-bottom: 5px;
    text-shadow: 0 0 20px #000;
}

.tagline {
    font-size: 1.3em;
    margin-bottom: 40px;
    opacity: 0.8;
}

.links {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 40px 0;
}

.link-btn {
    background: rgba(71, 71, 71, 0.7);
    color: #fff;
    padding: 18px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 600;
    border: 1px solid #7a7a7a;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.link-btn-hover {
    background: #7a7a7a;
    color: #000;
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(71, 71, 71, 0.7);
}

.link-btn.special {
    background: linear-gradient(90deg, #000000, #7a7a7a);
    color: #000;
    font-weight: 900;
}

footer {
    margin-top: 60px;
    opacity: 0.5;
    font-size: 0.9em;
}