.gold-particles{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.75}
header,.preview-tag{z-index:10}
.hero-logo{animation:logo-breathe 7s ease-in-out infinite}
@keyframes logo-breathe{0%,100%{filter:drop-shadow(0 0 18px #c8893724)}50%{filter:drop-shadow(0 0 30px #e2af5c55)}}
.portal-card,.feature,.server-info-card,.rate,.download-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
@media(hover:hover){.portal-card:hover,.feature:hover,.server-info-card:hover{transform:translateY(-4px);border-color:#dab87488;box-shadow:0 14px 40px #0004,0 0 24px #d4a55012}.rate:hover{border-color:#dab87488!important;box-shadow:0 0 22px #d4a55018}.button.primary:hover{box-shadow:0 0 26px #e2af5c40,0 8px 25px #0004}}
.reveal-ready{opacity:0;transform:translateY(15px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s ease var(--reveal-delay,0ms),border-color .3s,box-shadow .3s}
.reveal-ready.revealed{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.gold-particles{display:none}.hero-logo{animation:none}.reveal-ready{opacity:1;transform:none;transition:none!important}}
