.auth-screen{color:#fff;text-align:center;background:linear-gradient(-45deg,#000,#1a1a1a,#2e2e2e,#0d0d0d) 0 0/400% 400%;justify-content:center;align-items:center;height:100vh;animation:20s infinite gradient;display:flex;position:relative;overflow:hidden}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#tsparticles{z-index:0;width:100%;height:100%;position:absolute}.auth-content{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;border-radius:12px;padding:40px;box-shadow:0 0 30px #ffffff1a}.logo{height:60px;margin-bottom:20px}.subtitle{opacity:.8;margin-bottom:30px;font-size:1rem}.login-button{color:#fff;cursor:pointer;background-color:#4e54c8;border:none;border-radius:8px;padding:14px 28px;font-size:1rem;transition:background-color .3s}.login-button:hover{background-color:#5e63d8}.planet-container{z-index:0;width:100%;height:100%;animation:6s ease-in-out infinite float;position:absolute}.planet{background:radial-gradient(circle at 30% 30%,#4c5214,#1a1a2e);border-radius:50%;width:60px;height:60px;position:absolute;top:70px;left:70px;box-shadow:0 0 20px #ffffff4d}.orbit{border:1px dashed #fff3;border-radius:50%;width:200px;height:200px;animation:20s linear infinite rotateOrbit;position:absolute;top:0;left:0}@keyframes rotateOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}