*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:28px 14px 50px;color:#fff;background: #0a0a0c;}
.container{width:100%;max-width:420px;text-align:center}
.logo-main{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid #d4af37;box-shadow:0 0 22px rgba(212,175,55,.4);margin-bottom:14px;background:#1c1c24}
.logo-wings{width:140px;max-width:70%;height:auto;margin:0 auto 16px;display:block}
.title{font-size:1.35rem;font-weight:700;color:#f0d060;margin-bottom:6px;letter-spacing:.3px}
.subtitle{font-size:.9rem;color:#aaa;margin-bottom:22px;line-height:1.4}
.links{display:flex;flex-direction:column;gap:11px;margin-bottom:8px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.btn:active{transform:scale(.97)}
.btn:hover{filter:brightness(1.08)}
.btn img.custom-icon{width:20px;height:20px;object-fit:contain}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes glow{0%,100%{box-shadow:0 0 8px rgba(212,175,55,.3)}50%{box-shadow:0 0 18px rgba(212,175,55,.65)}}
.anim-pulse{animation:pulse 1.6s ease-in-out infinite}
.anim-bounce{animation:bounce 1.2s ease-in-out infinite}
.anim-shake{animation:shake .6s ease-in-out infinite}
.anim-glow{animation:glow 1.8s ease-in-out infinite}
.content-box{text-align:left;margin:16px 0;word-wrap:break-word;color:#e8e8e8}
.content-box img{max-width:100%;height:auto;border-radius:8px}
.content-html{color:#e0e0e0;font-size:.92rem;line-height:1.65;text-align:left}
.content-html p{margin:0 0 12px;color:#e0e0e0}
.content-html h1,.content-html h2,.content-html h3,.content-html h4,.content-html h5,.content-html h6{
  color:#f0d060;font-weight:700;line-height:1.3;margin:18px 0 10px
}
.content-html h1{font-size:1.5rem}
.content-html h2{font-size:1.28rem}
.content-html h3{font-size:1.12rem}
.content-html h4{font-size:1.02rem}
.content-html a{color:#f0d060;text-decoration:underline}
.content-html strong,.content-html b{color:#fff;font-weight:700}
.content-html ul,.content-html ol{margin:0 0 12px;padding-left:1.25em;color:#e0e0e0}
.content-html li{margin-bottom:6px}
.content-html em{color:#ccc}
.content-video video,.content-video iframe{width:100%;max-width:100%;border-radius:8px;aspect-ratio:16/9}
.slideshow{position:relative;overflow:hidden;border-radius:10px;width:100%}
.slideshow-track{display:flex;transition:transform .45s ease;will-change:transform}
.slideshow-slide{min-width:100%;width:100%;flex-shrink:0}
.slideshow-slide img{width:100%;height:auto;display:block;border-radius:8px;object-fit:cover}
.slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;z-index:5;display:flex;align-items:center;justify-content:center}
.slideshow-arrow.prev{left:8px}
.slideshow-arrow.next{right:8px}
.slideshow-dots{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.slideshow-dot{width:8px;height:8px;border-radius:50%;background:#555;cursor:pointer;transition:background .2s}
.slideshow-dot.active{background:#d4af37}
.footer{margin-top:32px;font-size:.75rem;color:#555;letter-spacing:.4px}
@media(max-width:400px){.title{font-size:1.2rem}.btn{font-size:.92rem;padding:12px 14px}}