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

body{
    min-height:100vh;
    background:#050505;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 20px;
    font-family:Georgia, serif;
    overflow-x:hidden;
    position:relative;
}

/* gold lines background */
.background-lines{
    position:fixed;
    inset:0;
    background:
    linear-gradient(135deg, transparent 48%, rgba(212,175,55,.22) 49%, transparent 50%),
    linear-gradient(45deg, transparent 62%, rgba(212,175,55,.12) 63%, transparent 64%),
    radial-gradient(circle at top left, rgba(212,175,55,.18), transparent 30%);
    opacity:.8;
    z-index:0;
}

.card{
    width:430px;
    background:linear-gradient(180deg,#090909,#050505);
    border:1px solid rgba(212,175,55,.45);
    border-radius:38px;
    overflow:hidden;
    position:relative;
    z-index:2;
    box-shadow:
    0 0 40px rgba(212,175,55,.08),
    inset 0 0 20px rgba(212,175,55,.03);
}

.hero{
    height:390px;
    position:relative;
}

.hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.fade{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,#050505 0%, transparent 50%);
}

.content{
    padding:30px;
    text-align:center;
}

h1{
    color:#e6c56f;
    font-size:34px;
    line-height:1.2;
    margin-bottom:18px;
}

.divider{
    color:#d4af37;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:24px;
}

.divider span{
    width:65px;
    height:1px;
    background:rgba(212,175,55,.45);
}

.bio{
    color:#ececec;
    font-style:italic;
    font-size:19px;
    margin-bottom:34px;
    opacity:.95;
}

.links a{
    text-decoration:none;
    color:#e6c56f;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 24px;
    margin:16px 0;
    border-radius:18px;
    border:1px solid rgba(212,175,55,.38);
    background:rgba(255,255,255,.02);
    transition:.35s;
    font-size:24px;
}

.links a div{
    display:flex;
    align-items:center;
    gap:18px;
}

.links a:hover{
    transform:translateY(-2px) scale(1.01);
    box-shadow:0 0 22px rgba(212,175,55,.16);
    background:rgba(212,175,55,.05);
}

.links i{
    font-size:28px;
}