.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(120,119,198,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,119,198,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite;z-index:-2}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.orb{position:fixed;border-radius:50%;filter:blur(40px);animation:float 20s ease-in-out infinite;z-index:-1}.orb1{width:300px;height:300px;background:#7877c666;top:-150px;left:-150px;animation-delay:0s}.orb2{width:400px;height:400px;background:#ff6b6b4d;bottom:-200px;right:-200px;animation-delay:5s}.orb3{width:200px;height:200px;background:#fcb04566;top:50%;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-20px,-30px) scale(1.1)}50%{transform:translate(30px,-20px) scale(.9)}75%{transform:translate(-10px,20px) scale(1.05)}}.glow-text{text-shadow:0 0 10px rgba(120,119,198,.8),0 0 20px rgba(120,119,198,.6),0 0 30px rgba(120,119,198,.4)}.glow-box{box-shadow:0 0 20px #7877c64d,0 0 40px #7877c61a,inset 0 0 20px #ffffff0d}.star4bbs-input{background:#ffffff08;border:1px solid rgba(120,119,198,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.star4bbs-input:hover{background:#ffffff0d;border-color:#7877c666}.star4bbs-input:focus{background:#ffffff14;border-color:#7877c6;box-shadow:0 0 0 3px #7877c633,0 0 20px #7877c633;transform:translateY(-2px)}.star4bbs-button{position:relative;background:linear-gradient(135deg,#7877c6,#ff6b6b);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.star4bbs-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.star4bbs-button:hover:before{width:300px;height:300px}.star4bbs-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #7877c666,0 5px 10px #0003}.star4bbs-button:active{transform:translateY(-1px)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#7877c6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.particle{position:fixed;pointer-events:none;opacity:0;animation:particle-float 4s ease-out forwards}@keyframes particle-float{0%{opacity:1;transform:translateY(0) scale(0)}10%{transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.5)}}@media (max-width: 640px){.orb1,.orb2,.orb3{width:150px;height:150px}.grid-background{background-size:30px 30px}}