/* =========================
   NEON THEME
========================= */

body{
background:
radial-gradient(
circle at top,
#111827 0%,
#050816 60%,
#000000 100%
);
color:#00ffff;
}

/* =========================
   PROFILE
========================= */

.profile{
max-width:720px;
margin:0 auto;
padding:40px 20px 60px;
}

/* =========================
   PROFILE CARD
========================= */

.profile-card{
text-align:center;
margin-bottom:32px;
padding:24px;

border:1px solid
rgba(0,255,255,.25);

border-radius:24px;

background:
rgba(255,255,255,.02);

backdrop-filter:
blur(8px);

box-shadow:
0 0 25px
rgba(0,255,255,.12);
}

.profile-avatar{
width:120px;
height:120px;
border-radius:999px;
object-fit:cover;
margin:0 auto 20px;

border:3px solid
#00ffff;

box-shadow:
0 0 10px #00ffff,
0 0 30px #00ffff;
}

.profile-name{
font-size:32px;
font-weight:800;
margin-bottom:10px;

color:#00ffff;

text-shadow:
0 0 10px #00ffff;
}

.profile-bio{
max-width:600px;
margin:0 auto;

font-size:16px;
line-height:1.7;

color:#94a3b8;
}

/* =========================
   LINKS
========================= */

.profile-links{
display:flex;
flex-direction:column;
gap:16px;
}

.profile-link{
display:flex;
align-items:center;
justify-content:center;

min-height:62px;
padding:16px 20px;

border-radius:18px;

background:
rgba(0,255,255,.08);

border:1px solid
rgba(0,255,255,.35);

color:#00ffff;

font-weight:700;
text-decoration:none;

transition:.25s;

box-shadow:
0 0 10px
rgba(0,255,255,.15);
}

.profile-link:hover{

transform:
translateY(-3px);

background:
rgba(0,255,255,.12);

box-shadow:
0 0 12px #00ffff,
0 0 24px #00ffff,
0 0 40px rgba(0,255,255,.4);

color:#ffffff;
}

/* =========================
   EMPTY
========================= */

.profile-links p{
text-align:center;
padding:30px;
color:#64748b;
}

/* =========================
   FOOTER
========================= */

.profile-footer{
margin-top:40px;
text-align:center;
color:#64748b;
}

/* =========================
   VERIFIED
========================= */

.verified-badge{
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:8px;

color:#00ffff;

text-shadow:
0 0 8px #00ffff;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

.profile{
padding:30px 16px 50px;
}

.profile-avatar{
width:100px;
height:100px;
}

.profile-name{
font-size:28px;
}

.profile-link{
min-height:56px;
padding:14px 16px;
}

}

@media(max-width:480px){

.profile-avatar{
width:90px;
height:90px;
}

.profile-name{
font-size:24px;
}

.profile-bio{
font-size:14px;
}

}