@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }
@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes fadeInUp { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} }
@keyframes glow { 0%,100%{box-shadow:0 0 20px rgba(255,107,107,0.4)} 50%{box-shadow:0 0 40px rgba(255,107,107,0.8)} }

body { background: linear-gradient(180deg, #0a0805 0%, #12100a 50%, #0a0805 100%); font-family: 'Cinzel', serif; }
.float { animation: float 3s ease-in-out infinite; }
.shimmer-text { background: linear-gradient(90deg, #ffd700, #fff8dc, #ffd700); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shimmer 4s linear infinite; }
.glow-effect { animation: glow 2s ease-in-out infinite; }
.fade-in { animation: fadeInUp 0.8s ease-out forwards; opacity: 0; }
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-400 { animation-delay: 0.4s; }

.wynvers-nav { background: linear-gradient(180deg, #1e160d 0%, #151009dd 100%); backdrop-filter: blur(8px); }
.wynvers-logo-box { background: linear-gradient(135deg, #ff6b6b, #e63946); border: 2px solid #ff8787; border-radius: 4px; }
.wynvers-title { font-family: 'Cinzel Decorative', serif; }
.wynvers-hero-radial { background: radial-gradient(ellipse at 50% 30%, #3a2015 0%, transparent 70%); }
.wynvers-join-btn { background: linear-gradient(180deg, #ff6b6b 0%, #d8515e 100%); border: 2px solid #ff8787; border-radius: 4px; transition: all 0.2s; }
.wynvers-secondary-btn { background: linear-gradient(180deg, #7b7b7b 0%, #5a5a5a 100%); border: 2px solid #888; border-radius: 4px; transition: all 0.2s; }
.wynvers-grad-section { background: linear-gradient(180deg, transparent, #15100a, transparent); }
.wynvers-news-section { background: linear-gradient(180deg, transparent, #0f0c08, transparent); }
.wynvers-footer { background: #0a0805; }
.card-dark { background: linear-gradient(145deg, #1e160d 0%, #151009 100%); border: 2px solid #5d4e37; }
.card-hover { transition: all 0.3s; }
.card-hover:hover { border-color: #c9a44a; box-shadow: 0 0 20px rgba(201,164,74,0.2); }
.wynvers-progress { border: 1px solid #5d4e37; }
.wynvers-news-bg-1 { background: linear-gradient(135deg, #3a2015, #1a100a); }
.wynvers-news-bg-2 { background: linear-gradient(135deg, #3a1a2a, #1a0a1a); }
.wynvers-news-bg-3 { background: linear-gradient(135deg, #1a2a3a, #0a1a2a); }
.wynvers-tile-bg { background: linear-gradient(135deg, #1e160d, #151009); }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0805; }
::-webkit-scrollbar-thumb { background: #5d4e37; border-radius: 4px; }