#cosmos-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}#cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(191,95,245,0.085) 0%,rgba(34,211,238,0.04) 42%,transparent 70%);pointer-events:none;z-index:9989;transform:translate(-50%,-50%);left:-220px;top:-220px;will-change:left,top}.aurora-line{height:1px;background:linear-gradient(90deg,transparent 0%,#bf5ff5 25%,#22d3ee 50%,#bf5ff5 75%,transparent 100%);background-size:200% 100%;animation:border-flow 3s ease-in-out infinite;border-radius:999px;width:58%;margin:10px auto 16px;opacity:0.85}.creature-grid{perspective:1100px}.creature-card{will-change:transform}.creature-card:hover .creature-img{filter:brightness(1.09) saturate(1.2);transition:filter 0.25s ease}@keyframes float-creature{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-11px) scale(1.008)}}.creature-big-img{animation:float-creature 5.5s ease-in-out infinite}.creature-big-img:hover{cursor:zoom-in}.creature-stat{opacity:0;transform:translateX(-14px);transition:opacity 0.45s ease,transform 0.45s ease}.creature-stat.revealed{opacity:1;transform:none}.creature-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--hx,50%) var(--hy,50%),rgba(255,255,255,0.14) 0%,rgba(191,95,245,0.10) 28%,rgba(34,211,238,0.07) 52%,transparent 70%);opacity:0;transition:opacity 0.22s ease;pointer-events:none;z-index:2}.creature-card:hover::before{opacity:1}.btn-gold,.btn-primary{position:relative;overflow:hidden}.btn-ripple{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.42);transform:translate(-50%,-50%) scale(0);animation:btn-ripple-out 0.68s ease-out forwards;pointer-events:none}@keyframes btn-ripple-out{to{transform:translate(-50%,-50%) scale(65);opacity:0}}.stat-hero-value{font-variant-numeric:tabular-nums}.stat-hero-card{transition:box-shadow 0.28s ease,border-color 0.28s ease,transform 0.28s ease}.stat-hero-card:hover{transform:translateY(-4px)!important;border-color:rgba(191,95,245,0.45)!important;box-shadow:0 0 32px rgba(191,95,245,0.18),0 10px 40px rgba(0,0,0,0.88)!important}#hero-title{will-change:opacity,transform,filter}#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;z-index:9995;background:linear-gradient(90deg,#bf5ff5,#22d3ee,#f59e0b);background-size:200% 100%;animation:border-flow 4s linear infinite;box-shadow:0 0 12px rgba(191,95,245,0.7),0 0 4px rgba(34,211,238,0.6);pointer-events:none;border-radius:0 2px 2px 0;transition:width 0.08s linear}.logo{background:linear-gradient(110deg,#bf5ff5,#22d3ee,#d8b4fe,#bf5ff5)!important;background-size:260% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;animation:logo-flow 7s ease-in-out infinite;transition:filter 0.25s ease,transform 0.25s ease}.logo:hover{filter:drop-shadow(0 0 18px rgba(191,95,245,0.75)) drop-shadow(0 0 30px rgba(34,211,238,0.4))!important;transform:translateY(-1px) scale(1.015)}@keyframes logo-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.nav-item{transition:color 0.18s ease-out,text-shadow 0.25s ease-out}.nav-item:hover{text-shadow:0 0 12px rgba(216,180,254,0.55)}.nav-item.is-active{text-shadow:0 0 14px rgba(191,95,245,0.5)}.nav-item.is-active::after{animation:nav-underline-pulse 2.6s ease-in-out infinite}@keyframes nav-underline-pulse{0%,100%{opacity:0.7;box-shadow:0 0 8px rgba(191,95,245,0.5)}50%{opacity:1;box-shadow:0 0 16px rgba(191,95,245,0.9),0 0 6px rgba(34,211,238,0.7)}}.btn-gold::before,.btn-primary::before,.register-btn::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.45),transparent);transform:skewX(-22deg);pointer-events:none;z-index:1;transition:left 0s}.register-btn{position:relative;overflow:hidden}.btn-gold:hover::before,.btn-primary:hover::before,.register-btn:hover::before{left:130%;transition:left 0.7s cubic-bezier(0.23,1,0.32,1)}.btn-gold:hover,.btn-primary:hover{box-shadow:0 6px 26px rgba(168,85,247,0.6),0 0 22px rgba(191,95,245,0.8),0 0 50px rgba(191,95,245,0.35)!important}.login-btn,.register-btn,.profile-btn,.logout-btn,.notif-btn{transition:transform 0.16s ease-out,box-shadow 0.2s ease-out,border-color 0.2s ease-out,background 0.2s ease-out}.login-btn:hover,.profile-btn:hover,.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,0.6),0 0 16px rgba(191,95,245,0.4);border-color:rgba(191,95,245,0.5)}.register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(168,85,247,0.55),var(--neon-purple)}.notif-btn:hover{transform:translateY(-2px) rotate(-6deg);filter:drop-shadow(0 0 8px rgba(191,95,245,0.6))}.glass-panel::before{content:'';position:absolute;top:-120%;left:-60%;width:50%;height:340%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.06),rgba(191,95,245,0.05),transparent);transform:rotate(18deg);pointer-events:none;opacity:0;z-index:1}.glass-panel:hover::before{animation:glass-sheen 0.9s ease-out}@keyframes glass-sheen{0%{left:-60%;opacity:0}18%{opacity:1}100%{left:130%;opacity:0}}.btn-small:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 16px rgba(0,0,0,0.6),0 0 14px rgba(191,95,245,0.45);background:rgba(191,95,245,0.18)}.content-container{opacity:0;transform:translateY(14px)}.content-container.page-in{opacity:1;transform:none;transition:opacity 0.6s ease,transform 0.7s cubic-bezier(0.16,1,0.3,1)}.no-js .content-container{opacity:1!important;transform:none!important}.navbar{will-change:transform}.site-footer-links a{position:relative;transition:color 0.2s ease,padding-left 0.2s ease}.site-footer-links a:hover{color:#d8b4fe;padding-left:6px;text-shadow:0 0 10px rgba(191,95,245,0.5)}.site-footer-links a::before{content:'›';position:absolute;left:-10px;opacity:0;transition:opacity 0.2s ease,left 0.2s ease;color:#22d3ee}.site-footer-links a:hover::before{opacity:1;left:-4px}.btn-gold:active,.btn-primary:active,.btn-small:active,.register-btn:active,.login-btn:active,.profile-btn:active,.logout-btn:active,.btn-secondary:active{transform:scale(0.97) translateY(1px)!important;transition:transform 0.08s ease-out!important}.btn-gold,.btn-primary,.btn-small,.register-btn,.login-btn,.profile-btn,.logout-btn,.glass-panel,.glass-card{transition-timing-function:cubic-bezier(0.16,1,0.3,1)!important}.eyebrow{display:inline-block;padding:4px 12px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.2em;color:#d8b4fe;background:rgba(191,95,245,0.10);border:1px solid rgba(191,95,245,0.28);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(8px);margin-bottom:12px}.btn-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:8px;border-radius:999px;background:rgba(255,255,255,0.16);font-style:normal;font-size:12px;line-height:1;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),background 0.3s ease}.has-arrow:hover .btn-arrow{transform:translate(2px,-2px) scale(1.08);background:rgba(255,255,255,0.28)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(191,95,245,0.28);background:rgba(191,95,245,0.10);color:#e9d5ff;cursor:pointer;transition:transform .16s ease-out,box-shadow .18s ease-out,background .18s ease-out}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 0 16px rgba(191,95,245,0.5);background:rgba(191,95,245,0.18)}.theme-toggle svg{width:17px;height:17px;display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}html[data-theme="dark"] .theme-toggle .icon-sun{display:block}html[data-theme="dark"] .theme-toggle .icon-moon{display:none}@media (prefers-reduced-motion:reduce){.logo,#scroll-progress,.nav-item.is-active::after,.creature-big-img,.aurora-line{animation:none!important}.content-container{opacity:1!important;transform:none!important}#cosmos-bg,#cursor-glow{display:none!important}*{scroll-behavior:auto!important}}