*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

input, textarea, [contenteditable="true"] {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

body{
    background:
        linear-gradient(
            rgba(0,0,0,.65),
            rgba(0,0,0,.85)
        ),
        url("assets/background.webp");

    background-size:cover;
    background-position:center;
    background-attachment:fixed;

    color:white;
    font-family:'Montserrat',sans-serif;
    cursor: url("assets/icons/cursor-spider.png") 16 16, auto;
    overflow-x:hidden;
}



.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:25px;
    background:#000;
    border-bottom:1px solid rgba(255,255,255,.25);
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:1000;
    box-sizing:border-box;
}

.nav-links{
    display:flex;
    gap:50px;
}

.nav-links a{
    color:white;
    text-decoration:none;
    letter-spacing:2px;
    font-size:14px;
    transition:.3s;
}

.nav-links a:hover{
    opacity:.7;
}

.nav-dropdown {
    position: relative;
}
.nav-dropdown-toggle {
    background: none;
    border: none;
    color: white;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    padding: 0;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 6px;
}
.nav-dropdown-toggle:hover { opacity: .7; }
.nav-dropdown-arrow {
    font-size: 9px;
    opacity: .5;
    transition: transform .2s ease;
}
.nav-dropdown.open .nav-dropdown-arrow { transform: rotate(180deg); }
.nav-dropdown-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 14px;
    background: #000;
    border: 1px solid rgba(255,255,255,.25);
    padding: 10px 0;
    min-width: 210px;
    z-index: 1001;
}
.nav-dropdown.open .nav-dropdown-menu {
    display: flex;
}
.nav-dropdown-menu a {
    padding: 12px 26px;
    white-space: nowrap;
    color: white;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 13px;
    transition: .2s;
}
.nav-dropdown-menu a:hover {
    opacity: .7;
    background: rgba(255,255,255,.04);
}



.hero{
    min-height:100vh;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    position:relative;
}

.bg-text{
    position:absolute;

    font-family:'Bebas Neue',sans-serif;

    font-size:20rem;

    color:white;

    opacity:.03;

    user-select:none;
}

.title{
    font-family:'Bebas Neue',sans-serif;

    font-size:8rem;

    letter-spacing:8px;

    z-index:2;
}

.subtitle{
    margin-top:10px;

    letter-spacing:4px;

    opacity:.8;

    z-index:2;
}

.member-btn{
    margin-top:40px;

    background:transparent;

    color:white;

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

    padding:18px 40px;

    cursor:pointer;

    letter-spacing:3px;

    transition:.3s;

    z-index:2;
}

.member-btn:hover{
    border-color:white;

    transform:translateY(-4px);

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



@media(max-width:900px){

    .title{
        font-size:4rem;
    }

    .bg-text{
        font-size:10rem;
    }

    .nav-links{
        gap:20px;
        flex-wrap:wrap;
    }
}


body{
    animation: pageFade 1s ease;
}

@keyframes pageFade{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}

.members-hero{
min-height:40vh;


display:flex;
flex-direction:column;

justify-content:center;
align-items:center;

text-align:center;


}

.members-title{
font-family:'Bebas Neue',sans-serif;
font-size:6rem;
letter-spacing:8px;
}

.members-subtitle{
letter-spacing:3px;
opacity:.8;
}

.member-grid{
width:90%;
margin:auto;


display:grid;
grid-template-columns:1fr 1fr;

gap:110px;

padding-bottom:100px;


}

.member-card{
text-decoration:none;
color:white;


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

overflow:hidden;

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

transition:.4s;


}

.member-card:hover{
    transform:translateY(-3px);

    border-color:white;

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


.member-image{
height:450px;
overflow:hidden;
}

.member-image img{
width:100%;
height:100%;
object-fit:cover;


transition:.5s;


}

.member-card:hover img{
    transform:scale(1.03);
}

.member-info{
padding:25px;
text-align:center;
}

.member-info h2{
font-family:'Bebas Neue',sans-serif;
letter-spacing:4px;
}

@media(max-width:900px){


.member-grid{
    grid-template-columns:1fr;
}


}


.member-card{
    opacity:100;

    filter:blur(0px);

    transition:
        opacity 1s ease,
        transform 1s ease,
        filter 1s ease;
}

.top-reveal{
    transform:translateY(-100px);
}

.bottom-reveal{
    transform:translateY(40px);
    opacity:0;
    transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94), opacity 0.6s ease;
}

.bottom-reveal.show{
    transform:translateY(0);
    opacity:1;
}

.member-card.show{
    opacity:1;

    transform:translateY(0);

    filter:blur(0);
}
.profile-section{

    width:90%;

    max-width:1400px;

    margin:auto;

    padding-top:150px;

    display:flex;

    align-items:flex-start;

    justify-content:center;

    gap:40px;
}

.profile-image{

    width:774px;

    flex-shrink:0;

    border:1px solid white;

    overflow:hidden;
}

.profile-image img{

    width:100%;

    display:block;
}

.profile-content{

    max-width:800px;
}

.profile-content h1{

    font-family:'Bebas Neue',sans-serif;

    font-size:5rem;

    letter-spacing:6px;

    margin-bottom:15px;
}

.profile-content p{

    line-height:1.8;

    margin-bottom:25px;
}

.info-row{

    display:flex;

    gap:20px;
}

.social-box,
.skills-box{

    flex:1;

    border:1px solid white;

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

    padding:20px;
}

.social-box h3,
.skills-box h3{

    margin-bottom:15px;

    letter-spacing:3px;
}

.social-box ul,
.skills-box ul{

    list-style:none;
}

.social-box li,
.skills-box li{

    padding:6px 0;
}

.social-box a{

    color:white;

    text-decoration:none;
}

.gallery-grid{
    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:25px;
}

.gallery-grid img{
    width:100%;

    height:auto;

    object-fit:contain;

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

    transition:.4s;
}

@media(max-width:900px){

    .gallery-grid{
        grid-template-columns:repeat(2, 1fr);
    }

}

@media(max-width:600px){

    .gallery-grid{
        grid-template-columns:1fr;
    }

}

.gallery-section{
    width:90%;
    margin:auto;

    padding:100px 0 200px 0;
}

.name-header{
    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:15px;
}

.member-icon{
    width:150px;
    height:150px;

    object-fit:contain;
}

.name-header h1{
    margin:0;
}



.about-hero{

    min-height:60vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    position:relative;
}

.about-hero h1{

    font-family:'Bebas Neue',sans-serif;

    font-size:7rem;

    letter-spacing:8px;

    z-index:2;
}

.about-hero p{

    letter-spacing:3px;

    opacity:.8;

    z-index:2;
}

.about-section{

    width:90%;

    max-width:1200px;

    margin:auto;

    padding:80px 0;
}

.about-section h2{

    font-family:'Bebas Neue',sans-serif;

    font-size:3rem;

    letter-spacing:4px;

    margin-bottom:20px;
}

.about-section p{

    line-height:1.8;

    max-width:900px;
}



.service-grid{

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:25px;

    margin-top:30px;
}

.service-card{

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

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

    padding:30px;

    text-align:center;

    transition:.3s;
}

.service-card:hover{

    border-color:white;

    transform:translateY(-3px);
}

.service-card h3{

    font-family:'Bebas Neue',sans-serif;

    letter-spacing:3px;

    margin-bottom:10px;
}



.join-section{

    width:90%;

    max-width:1200px;

    margin:auto;

    text-align:center;

    padding:120px 0 200px 0;
}

.join-section h2{

    font-family:'Bebas Neue',sans-serif;

    font-size:4rem;

    letter-spacing:6px;
}

.join-btn{

    display:inline-block;

    margin-top:30px;

    color:white;

    text-decoration:none;

    border:1px solid white;

    padding:18px 40px;

    transition:.3s;
}

.join-btn:hover{

    background:white;

    color:black;
}

@media(max-width:900px){

    .service-grid{

        grid-template-columns:1fr;
    }

}



.timeline-section{

    width:90%;

    max-width:1200px;

    margin:auto;

    padding:100px 0;
}

.timeline-section h2{

    font-family:'Bebas Neue',sans-serif;

    font-size:3rem;

    letter-spacing:4px;

    margin-bottom:60px;

    text-align:center;
}

.timeline{

    position:relative;

    max-width:900px;

    margin:auto;
}

.timeline::before{

    content:"";

    position:absolute;

    left:20px;

    top:0;

    width:2px;

    height:100%;

    background:rgba(255,255,255,.2);
}

.timeline-item{

    position:relative;

    padding-left:70px;

    margin-bottom:60px;
}

.timeline-dot{

    position:absolute;

    left:11px;

    top:5px;

    width:20px;

    height:20px;

    border:2px solid white;

    border-radius:50%;

    background:black;
}

.timeline-content{

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

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

    padding:25px;

    transition:.3s;
}

.timeline-content:hover{

    border-color:white;

    transform:translateX(5px);
}

.timeline-content h3{

    font-family:'Bebas Neue',sans-serif;

    font-size:2rem;

    letter-spacing:3px;

    margin-bottom:10px;
}



.founders-section{

    width:90%;

    max-width:1200px;

    margin:auto;

    padding:50px 0 100px 0;

    text-align:center;
}

.founders-section h2{

    font-family:'Bebas Neue',sans-serif;

    font-size:3rem;

    letter-spacing:4px;

    margin-bottom:50px;
}

.founders-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

.founder-card{

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

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

    padding:35px;

    transition:.3s;
}

.founder-card:hover{

    border-color:white;

    transform:translateY(-3px);
}

.founder-card img{

    width:140px;

    height:140px;

    border-radius:50%;

    object-fit:cover;

    border:2px solid white;

    margin-bottom:20px;
}

.founder-card h3{

    font-family:'Bebas Neue',sans-serif;

    letter-spacing:3px;

    font-size:2rem;

    margin-bottom:10px;
}

.founder-card p{

    line-height:1.6;

    opacity:.85;
}



.apply-hero{

    min-height:50vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    position:relative;
}

.apply-hero h1{

    font-family:'Bebas Neue',sans-serif;

    font-size:7rem;

    letter-spacing:8px;

    z-index:2;
}

.apply-hero p{

    max-width:700px;

    opacity:.8;

    z-index:2;
}

.apply-section{

    width:90%;

    max-width:1000px;

    margin:auto;

    padding:50px 0 250px 0;
}

.apply-card{

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

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

    padding:50px;

    text-align:center;
}

.apply-card h2{

    font-family:'Bebas Neue',sans-serif;

    font-size:3rem;

    letter-spacing:4px;

    margin-bottom:25px;
}

.apply-card p{

    line-height:1.8;

    margin-bottom:20px;
}

.discord-btn{

    display:inline-block;

    margin-top:20px;

    padding:18px 45px;

    border:1px solid white;

    color:white;

    text-decoration:none;

    letter-spacing:2px;

    transition:.3s;
}

.discord-btn:hover{

    background:white;

    color:black;
}



.gallery-hero{

    min-height:45vh;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    position:relative;
}

.gallery-hero h1{

    font-family:'Bebas Neue',sans-serif;

    font-size:7rem;

    letter-spacing:8px;

    z-index:2;
}

.gallery-hero p{

    max-width:700px;

    opacity:.8;

    z-index:2;
}



.gallery-page{

    width:90%;

    max-width:1400px;

    margin:auto;

    padding:50px 0 250px 0;
}

.gallery-grid{

    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:25px;
}

.gallery-grid img{
    width:100%;

    height:auto;

    object-fit:contain;

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

    transition:.4s;
}

.gallery-grid img:hover{

    transform:scale(1.02);

    border-color:white;

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



@media(max-width:900px){

    .gallery-grid{

        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:600px){

    .gallery-grid{

        grid-template-columns:1fr;
    }
}

.coming-section{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:120px 20px;
    text-align:center;
}

.coming-container{
    max-width:900px;
}

.coming-title{
    font-family:'Bebas Neue',sans-serif;
    font-size:6rem;
    letter-spacing:6px;
    margin-bottom:10px;
}

.coming-subtitle{
    opacity:.8;
    letter-spacing:2px;
    margin-bottom:40px;
}

.coming-box{
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.03);
    padding:40px;
    text-align:left;
}

.coming-box h2{
    font-family:'Bebas Neue',sans-serif;
    letter-spacing:3px;
    margin-bottom:10px;
    margin-top:20px;
}

.coming-box p{
    line-height:1.8;
    margin-bottom:15px;
    opacity:.9;
}

.warning{
    margin-top:20px;
    text-align:center;
    font-weight:bold;
    letter-spacing:2px;
    color:#ff4d4d;
}

.creators-page{
    padding-top:120px;
    width:90%;
    margin:auto;
    text-align:center;
}

.creators-header h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:6rem;
    letter-spacing:6px;
}

.creators-header p{
    opacity:.8;
    margin-bottom:20px;
}


#creatorSearch{
    padding:12px 20px;
    width:300px;
    border:1px solid rgba(255,255,255,.3);
    background:transparent;
    color:white;
    outline:none;
    text-align:center;
    margin-bottom:60px;
}


.section-title{
    font-family:'Bebas Neue',sans-serif;
    font-size:2.5rem;
    letter-spacing:4px;
    margin:40px 0 20px;
}


.creator-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:25px;
    margin-bottom:80px;
}


.creator-card{
    border:1px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.03);
    padding:15px;
    transition: border-color 0.3s ease, transform 0.3s ease;
    will-change:transform;
    overflow:hidden;
    display:block;
    text-decoration:none;
    color:white;
}


.creator-card:hover{
    border-color:white;
    transform:translateY(-4px);
}


.creator-card img{
    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
    transition: transform 0.4s ease;
}

.creator-card:hover img{
    transform:scale(1.02);
}


.creator-card h2{
    margin-top:10px;
    font-family:'Bebas Neue',sans-serif;
    letter-spacing:3px;
}


@media(max-width:900px){
    .creator-grid{
        grid-template-columns:1fr;
    }
}

.creators-hero{
    min-height:40vh;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;
}

.creator-search{
    margin-top:30px;

    width:350px;

    padding:15px 20px;

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

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

    color:white;

    outline:none;
}

.featured-section,
.all-creators-section{
    width:90%;
    margin:auto;
    padding-bottom:100px;
}

.featured-title{
    font-family:'Bebas Neue',sans-serif;

    font-size:3rem;

    letter-spacing:4px;

    margin-bottom:25px;

    text-align:center;
}

.creator-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:40px;
}


.creator-card{
    text-decoration:none;
    color:white;

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

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

    overflow:hidden;

    transition:border-color .3s;
}

.creator-card:hover{
    border-color:white;

    transform:none !important;
    box-shadow:none !important;
}

@media(max-width:900px){

    .creator-grid{
        grid-template-columns:1fr;
    }

    .creator-search{
        width:90%;
    }

}


.audio-btn{

    display:flex;

    align-items:flex-end;

    gap:3px;

    background:none;

    border:none;

    cursor:pointer;

    margin-right:15px;
}

.audio-btn span{

    width:4px;

    background:white;

    border-radius:3px;

    transition:.2s;
}

.audio-btn span:nth-child(1){
    height:12px;
}

.audio-btn span:nth-child(2){
    height:20px;
}

.audio-btn span:nth-child(3){
    height:16px;
}

.audio-btn span:nth-child(4){
    height:10px;
}

.audio-btn:hover span{

    opacity:.7;
}

.wave-playing span{

    animation:wave .5s infinite alternate;
}

.wave-playing span:nth-child(2){
    animation-delay:.1s;
}

.wave-playing span:nth-child(3){
    animation-delay:.2s;
}

.wave-playing span:nth-child(4){
    animation-delay:.3s;
}

@keyframes wave{

    from{
        transform:scaleY(.5);
    }

    to{
        transform:scaleY(1.5);
    }

}

.audio-btn{
    display:flex;
    align-items:flex-end;
    gap:3px;

    background:none;
    border:none;

    cursor:pointer;

    margin-right:15px;
}

.audio-btn span{
    width:4px;
    height:15px;

    background:white;

    border-radius:2px;
}

.wave-playing span{
    animation:wave .5s infinite alternate;
}

.wave-playing span:nth-child(2){
    animation-delay:.1s;
}

.wave-playing span:nth-child(3){
    animation-delay:.2s;
}

.wave-playing span:nth-child(4){
    animation-delay:.3s;
}
.wave-playing span:nth-child(5){
    animation-delay:.4s;
}
.wave-playing span:nth-child(6){
    animation-delay:.5s;
}
.wave-playing span:nth-child(7){
    animation-delay:.6s;
}
.wave-playing span:nth-child(8){
    animation-delay:.7s;
}
.wave-playing span:nth-child(9){
    animation-delay:.3s;
}


@keyframes wave{
    from{
        transform:scaleY(.5);
    }

    to{
        transform:scaleY(1.5);
    }
}

.creator-badge{
    display:inline-block;

    margin-bottom:20px;

    padding:8px 16px;

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

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

    letter-spacing:2px;

    font-size:12px;
}

.intro-overlay{
    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:black;

    display:flex;

    justify-content:center;
    align-items:center;

    z-index:99999;

    cursor:pointer;

    transition:opacity .8s ease;
}

.intro-overlay.fade-out{
    opacity:0;

    pointer-events:none;
}

.intro-content{
    text-align:center;
}

.intro-content h1{
    font-family:'Bebas Neue',sans-serif;

    font-size:8rem;

    letter-spacing:10px;

    margin-bottom:15px;
}

.intro-content p{
    opacity:.7;

    letter-spacing:3px;
}

.intro-overlay{
    position:fixed;
    inset:0;

    background:#000;

    display:flex;
    justify-content:center;
    align-items:center;

    z-index:99999;

    cursor:pointer;

    opacity:1;
    transition:opacity .8s ease;
}

.intro-overlay.fade-out{
    opacity:0;
}

.intro-content{
    text-align:center;
}

.intro-content h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:8rem;
    letter-spacing:8px;
}

.intro-content p{
    margin-top:10px;
    opacity:.7;
}

.snowflake{
    position:absolute;
    top:-10%;
    color:white;
    opacity:.7;
    animation:snowFall linear infinite;
}

.snow-container{
    position:absolute;
    inset:0;
    overflow:hidden;
    pointer-events:none;
}

.snowflake{
    position:absolute;
    top:-10%;
    color:white;
    opacity:.7;
    animation:snowFall linear infinite;
}

@keyframes snowFall{
    from{
        transform:translateY(-100px) rotate(0deg);
    }

    to{
        transform:translateY(110vh) rotate(360deg);
    }
}

.frame-effect {
    position: relative;
}
.frame-effect::after {
    content: '';
    position: absolute;
    inset: -8px;
    pointer-events: none;
    z-index: 2;
}
.avatar-frame-wrap {
    width: 774px;
    flex-shrink: 0;
}
.avatar-frame-wrap .profile-image {
    width: 100%;
}
.avatar-frame-wrap::after {
    inset: -10px;
}
.frame-effect.avatar-frame-gold::after {
    border: 4px solid #d4af37;
    box-shadow: 0 0 14px rgba(212,175,55,.5), inset 0 0 10px rgba(212,175,55,.3);
}
.frame-effect.avatar-frame-neon::after {
    border: 2px solid #00e5ff;
    box-shadow: 0 0 16px rgba(0,229,255,.8), 0 0 30px rgba(139,92,246,.5);
}
.frame-effect.avatar-frame-thorns::after {
    border: 3px dashed #8b0000;
    filter: drop-shadow(0 0 5px rgba(139,0,0,.6));
}
.frame-effect.avatar-frame-chain::after {
    border: 5px dotted #aaa;
    opacity: .85;
}
.frame-effect.avatar-frame-halo::after {
    border: 2px solid rgba(255,255,255,.85);
    box-shadow: 0 0 24px 6px rgba(255,255,255,.45);
}
.frame-effect.avatar-frame-crimson::after {
    border: 3px solid #ff2d55;
    box-shadow: 0 0 18px rgba(255,45,85,.6), inset 0 0 12px rgba(255,45,85,.25);
}


.font-cinzel   { font-family: 'Cinzel', serif !important; }
.font-creepster{ font-family: 'Creepster', cursive !important; }
.font-fraktur  { font-family: 'UnifrakturCook', cursive !important; }
.font-metal    { font-family: 'Metal Mania', cursive !important; }
.font-orbitron { font-family: 'Orbitron', sans-serif !important; }
.font-glitch   { font-family: 'Rubik Glitch', cursive !important; }


.textfx-holographic {
    background: linear-gradient(90deg, #ff00cc, #3333ff, #00ffcc, #ffcc00, #ff00cc);
    background-size: 400% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: holoShift 4s linear infinite;
}
@keyframes holoShift {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

.textfx-glowing {
    color: #fff;
    animation: textGlowPulse 2.5s ease-in-out infinite;
}
@keyframes textGlowPulse {
    0%, 100% { text-shadow: 0 0 8px rgba(255,255,255,.6), 0 0 18px rgba(255,255,255,.3); }
    50%      { text-shadow: 0 0 16px rgba(255,255,255,.9), 0 0 32px rgba(255,255,255,.5); }
}

.textfx-chrome {
    background: linear-gradient(180deg, #fff 0%, #999 40%, #fff 50%, #666 60%, #fff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.textfx-fire {
    background: linear-gradient(180deg, #ffe259, #ffa751, #ff5e3a, #ff2d00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 20px rgba(255,94,58,.5);
}

.textfx-ice {
    background: linear-gradient(180deg, #e0faff, #7fdbff, #00b8ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 12px rgba(0,184,255,.5);
}

.textfx-neon {
    color: #fff;
    animation: neonFlicker 3s ease-in-out infinite;
}
@keyframes neonFlicker {
    0%, 100% { text-shadow: 0 0 5px #ff2dd4, 0 0 15px #ff2dd4, 0 0 30px #ff2dd4, 0 0 45px #b026ff; }
    50%      { text-shadow: 0 0 8px #ff2dd4, 0 0 22px #ff2dd4, 0 0 40px #ff2dd4, 0 0 60px #b026ff; }
}


.creator-card.has-card-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


body.themed::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at top, var(--theme-bg-tint, transparent), transparent 60%);
}
body.themed .social-box,
body.themed .skills-box {
    border-color: var(--theme-accent, white) !important;
}
body.themed .social-box h3,
body.themed .skills-box h3 {
    color: var(--theme-accent, white);
}
body.themed .social-box a {
    color: var(--theme-accent, white);
}
body.themed .comments-section h2 {
    border-bottom-color: rgba(var(--theme-accent-rgb, 255,255,255), .3);
}
body.themed .comment-submit,
body.themed .info-modal-btn:not(.secondary) {
    border-color: var(--theme-accent, white);
}