body {
    margin: 0;
    padding: 0;
    background-color: #000000;
    color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' stroke-opacity='0.15'%3E%3Cpath d='M800 568.6c-4.4 1.2-8.5 2.6-12.3 4.1-12.2 4.7-22 13.1-31.2 22.1-9.3 9.1-18.4 18.2-31 23.3-12.2 4.9-25.1 6.3-37.4 9.1-12.6 2.8-24.5 7.4-34.9 15-9.6 7-17.7 15.8-26.1 24.5l-2.1 2.1-4.2 4.2c-7.9 7.9-15.8 15.8-25.5 21.6-9.8 5.8-21.7 8.3-32.9 10.3-11.3 2-22.3 4.2-32.8 8.8-10.4 4.5-20.1 11.1-28.1 18.9L300 800M0 231.4c4.4-1.2 8.5-2.6 12.3-4.1 12.2-4.7 22-13.1 31.2-22.1 9.3-9.1 18.4-18.2 31-23.3 12.2-4.9 25.1-6.3 37.4-9.1 12.6-2.8 24.5-7.4 34.9-15 9.6-7 17.7-15.8 26.1-24.5l2.1-2.1 4.2-4.2c7.9-7.9 15.8-15.8 25.5-21.6 9.8-5.8 21.7-8.3 32.9-10.3 11.3-2 22.3-4.2 32.8-8.8 10.4-4.5 20.1-11.1 28.1-18.9L500 0'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.container {
    max-width: 450px;
    width: 90%;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px 20px;
}

.pfp {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin-bottom: 20px;
    object-fit: cover;
}

h1 {
    font-size: 1.8rem;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
}

.handle {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0;
}

.bio-box {
    margin: 25px 0;
}

.tagline {
    font-style: italic;
    font-size: 1.1rem;
    color: #ffffff;
}

hr {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    width: 50%;
    margin: 15px auto;
}

.real-bio {
    font-size: 1rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
}

.project-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 15px;
    margin-top: 30px;
    text-align: left;
}