body {
    font-family: 'Noto Sans JP', sans-serif;
    background: #0a0a0a;
    color: #e5e5e5;
}
.a1-t {
    background: linear-gradient(90deg,#FFD700,#FFA500,#FF8C00);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: g1 3s linear infinite;
}
.b2-btn {
    background: linear-gradient(90deg, #FFD700, #FFA500);
    transition: all 0.3s;
    box-shadow: 0 5px 20px rgba(255,215,0,0.4);
    animation: h1 2s infinite;
}
.b2-btn:hover .b2-i {transform: translateX(5px);}
.b2-i {transition: transform 0.3s;}
.cc-3 {
    border-radius: 1.5rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    animation: i1 4s ease-in-out infinite;
}
.x-y {
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden;
}
.x-y:hover {transform: translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2);}
.x-y::after {
    content: '';
    position: absolute;
    top: 0; left: -150%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);
    transition: left 0.6s;
}
.x-y:hover::after {left: 150%;}
@keyframes g1 {to {background-position: -200% center;}}
@keyframes h1 {0%{transform:scale(1);}50%{transform:scale(1.03);}100%{transform:scale(1);}}
@keyframes i1 {0%{box-shadow:0 0 5px rgba(255,215,0,0.2),0 10px 30px rgba(0,0,0,0.5);}50%{box-shadow:0 0 20px rgba(255,215,0,0.6),0 10px 30px rgba(0,0,0,0.5);}100%{box-shadow:0 0 5px rgba(255,215,0,0.2),0 10px 30px rgba(0,0,0,0.5);}}
@keyframes j1 {from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.z-z {opacity:0;}
.jv {animation: j1 0.8s ease-out forwards;}
@keyframes k1 {0%{transform:translateY(0px);}50%{transform:translateY(-8px);}100%{transform:translateY(0px);}}
.step-i {animation: k1 3s ease-in-out infinite;}
.step-i:nth-child(2){animation-delay:.5s;}
.step-i:nth-child(3){animation-delay:1s;}
.join-c {transition: all 0.3s; display: inline-block;}
.join-upd {transform: scale(1.15); color: #FFD700;}
.live-upd {transition: opacity 0.5s;}
.c-test {overflow: hidden; position: relative;}
.track-t {display: flex; transition: transform 0.5s;}
.slide-t {min-width: 100%;padding:0 0.5rem;box-sizing:border-box;}
.dots-c {text-align:center;margin-top:1rem;}
.dot-b {
    display:inline-block;width:10px;height:10px;background:#4b5563;border-radius:50%;margin:0 5px;cursor:pointer;transition:background 0.3s;
}
.dot-b.active {background:#FFD700;}