*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter','Noto Sans JP',sans-serif;background:#000;color:#fff;overflow-x:hidden;line-height:1.8}.stars-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:gold;border-radius:50%;opacity:0;animation:twinkle 3s infinite}@keyframes twinkle{0%,100%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.gold-gradient-text{background:linear-gradient(135deg,#FFD700 0%,#D4AF37 50%,#FFD700 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(rgb(0 0 0 / .6),rgb(0 0 0 / .8)),url(https://disport.world/wp-content/uploads/2025/05/IMG_0046-2.jpg) center/cover}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:40px 0}.image-card{position:relative;border-radius:16px;overflow:hidden;border:2px solid #D4AF37;transition:all 0.3s ease;aspect-ratio:4/3}.image-card:hover{border-color:gold;transform:scale(1.02);box-shadow:0 10px 40px rgb(212 175 55 / .3)}.image-card img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgb(0 0 0 / .9));padding:20px;transform:translateY(100%);transition:transform 0.3s ease}.image-card:hover .image-overlay{transform:translateY(0)}.feature-card{background:rgb(26 26 26 / .95);border:2px solid #D4AF37;border-radius:16px;padding:40px;transition:all 0.3s ease;height:100%;color:#fff}.feature-card:hover{transform:translateY(-8px);border-color:gold;box-shadow:0 15px 50px rgb(212 175 55 / .3)}.icon-box{width:80px;height:80px;background:linear-gradient(135deg,#FFD700,#D4AF37);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#1a1a1a;margin:0 auto 20px;box-shadow:0 8px 20px rgb(255 215 0 / .3)}.stats-counter{background:linear-gradient(135deg,rgb(212 175 55 / .15),rgb(255 215 0 / .08));border:2px solid #D4AF37;border-radius:20px;padding:40px;text-align:center;position:relative;overflow:hidden}.stats-counter::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 215 0 / .1) 0%,transparent 70%);animation:rotate 10s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}.stat-number{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#FFD700,#D4AF37);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;line-height:1;margin-bottom:10px}.stat-label{font-size:1.1rem;color:#ccc;font-weight:500}.progress-bar-container{background:rgb(26 26 26 / .9);border-radius:12px;padding:25px;margin:20px 0}.progress-bar-container *{color:#ffffff!important}.progress-label{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1rem;font-weight:600;color:#fff}.progress-bar-bg{width:100%;height:12px;background:rgb(255 255 255 / .1);border-radius:10px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#FFD700,#D4AF37,#FFD700);border-radius:10px;transition:width 1.5s ease;position:relative;overflow:hidden}.progress-bar-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{100%{left:100%}}.comparison-slider{position:relative;width:100%;max-width:1400px;margin:40px auto;aspect-ratio:16/10;overflow:hidden;border-radius:16px;border:3px solid #D4AF37}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comparison-overlay{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.comparison-slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background:gold;cursor:ew-resize;transform:translateX(-50%)}.comparison-slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:gold;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgb(0 0 0 / .5)}.comparison-label{position:absolute;top:20px;padding:10px 20px;background:rgb(0 0 0 / .8);color:gold;font-weight:700;border-radius:8px;font-size:1.1rem}.comparison-label.before{left:20px}.comparison-label.after{right:20px}.accordion-item{background:rgb(26 26 26 / .95);border:2px solid #333;border-radius:12px;margin-bottom:15px;overflow:hidden;transition:all 0.3s ease}.accordion-item.active{border-color:#D4AF37}.accordion-header{padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:700;color:gold;transition:all 0.3s ease}.accordion-header:hover{background:rgb(212 175 55 / .1)}.accordion-icon{transition:transform 0.3s ease}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.5s ease}.accordion-content-inner{padding:30px;border-top:1px solid #333;color:#fff}.accordion-content-inner h4,.accordion-content-inner h5,.accordion-content-inner p,.accordion-content-inner li{color:#ffffff!important}.btn-gold{background:linear-gradient(135deg,#FFD700,#D4AF37);color:#1a1a1a;font-weight:700;padding:18px 50px;border-radius:50px;border:none;cursor:pointer;transition:all 0.3s ease;display:inline-block;text-decoration:none;font-size:1.1rem}.btn-gold:hover{transform:scale(1.05);box-shadow:0 10px 30px rgb(255 215 0 / .5)}.certification-badge{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:3px solid gold;border-radius:16px;padding:20px 40px;display:inline-block;margin:30px 0;box-shadow:0 8px 25px rgb(255 215 0 / .2)}.timeline{position:relative;padding:40px 0}.timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FFD700,#D4AF37);transform:translateX(-50%)}.timeline-item{position:relative;margin:40px 0;padding:0 50px}.timeline-item:nth-child(odd){text-align:right;padding-right:calc(50% + 50px);padding-left:0}.timeline-item:nth-child(even){text-align:left;padding-left:calc(50% + 50px);padding-right:0}.timeline-dot{position:absolute;top:0;left:50%;width:20px;height:20px;background:gold;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 20px rgb(255 215 0 / .6)}.timeline-content{background:rgb(26 26 26 / .95);border:2px solid #D4AF37;border-radius:12px;padding:25px;color:#fff}.timeline-content h3,.timeline-content h4,.timeline-content p{color:#ffffff!important}@media (max-width:768px){.timeline::before{left:20px}.timeline-item:nth-child(odd),.timeline-item:nth-child(even){text-align:left;padding-left:50px;padding-right:0}.timeline-dot{left:20px}.stat-number{font-size:2.5rem}.comparison-slider{aspect-ratio:1}}