body {
    font-family: sans-serif;
    background:#000;
    color:#ff69b4;
    padding:20px;
}
.container {
    background:#000;
    border:2px solid #ff69b4;
    padding:20px;
    max-width:500px;
    margin:auto;
    box-shadow:0 0 10px #ff69b4;
}
h1 {
    margin-top:0;
    border-bottom:2px solid #ff69b4;
    padding-bottom:5px;
    color:#ff1493;
}
.row {
    margin:15px 0;
}
label {
    display:block;
    font-weight:bold;
    margin-bottom:5px;
}
input {
    width:95%;
    padding:5px;
    border:1px solid #ff69b4;
    background:#1a1a1a;
    color:#fff;
}
button,.btn-link {
    display:inline-block;
    padding:8px 20px;
    background:#000;
    border:2px outset #ff69b4;
    font-weight:bold;
    color:#ff69b4;
    text-decoration:none;
    cursor:pointer;
}
button:active,.btn-link:active {
    border-style:inset;
    background:#222;
}
.footer {
    font-size:0.8em;
    margin-top:40px;
    opacity:0.7;
}
.home-body {
    text-align:center;
}
.home-container {
    padding:30px;
}
.nav-links {
    margin:20px 0;
}
.nav-links .btn-link {
    margin:10px;
}
.subdomain-input {
    width:60% !important;
}
.captcha-box {
    border:1px dashed #ff69b4;
    background:#111;
    padding:15px;
    text-align:center;
    margin:15px 0;
}
.back-link {
    color:#ff69b4;
    font-size:0.8em;
    text-decoration:none;
}
input[type="file"] {
    font-size:0.8em;
}
.button-group {
    border:1px solid #333;
    padding:10px;
    margin-bottom:15px;
    background:#050505;
}
.button-group-title {
    font-size:0.8em;
    color:#ff85c1;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.instruction {
    font-size:0.8em;
    font-style:italic;
    color:#ff85c1;
    margin-bottom:15px;
}
.section-header {
    color:#ff1493;
    font-size:0.9em;
    font-weight:bold;
    margin-top:20px;
    border-left:3px solid #ff1493;
    padding-left:8px;
}
.profile-body {
    padding:40px 20px;
    text-align:center;
}
.profile-container {
    max-width:400px;
    margin:auto;
}
.avatar-circle {
    width:80px;
    height:80px;
    border:2px solid #ff69b4;
    border-radius:50%;
    margin:0 auto 20px auto;
    background:#111;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2em;
    box-shadow:0 0 15px rgba(255,105,180,0.3);
}
.profile-title {
    font-size:1.2em;
    color:#fff;
    margin-bottom:5px;
    letter-spacing:1px;
}
.subdomain-tag {
    font-size:0.8em;
    color:#ff1493;
    margin-bottom:30px;
    font-weight:bold;
}
.links-list {
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top:30px;
}
.profile-btn {
    display:block;
    padding:15px;
    background:#000;
    border:2px solid #ff69b4;
    color:#ff69b4;
    text-decoration:none;
    font-weight:bold;
    border-radius:4px;
    transition:all 0.2s ease;
    text-transform:uppercase;
    letter-spacing:1px;
}
.profile-btn:hover {
    background:#ff69b4;
    color:#000;
    box-shadow:0 0 20px #ff69b4;
    transform:translateY(-2px);
}
.profile-btn:active {
    transform:translateY(0);
}
.bio {
    color:white;
}
.profile-footer {
    font-size:0.7em;
    margin-top:50px;
    opacity:0.5;
    color:#ff69b4;
}
.profile-footer a {
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid #333;
}