.smoke-wrapper{color:#fff;background:#0a0701;width:100vw;min-height:100vh;position:relative;overflow:hidden}.smoke-container{z-index:1;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.smoke-blob{filter:blur(90px);opacity:.6;animation:20s ease-in-out infinite alternate drift;position:absolute}.blob-1{background:#483a11;width:60vw;height:60vh;animation-duration:25s;top:-10%;left:-10%}.blob-2{background:#483a11;width:50vw;height:70vh;animation-duration:22s;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{mix-blend-mode:screen;background:#483a11;width:40vw;height:40vh;animation-duration:28s;animation-delay:-12s;top:30%;left:40%}@keyframes drift{0%{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(5vw,-5vh)scale(1.1)rotate(10deg)}66%{transform:translate(-3vw,4vh)scale(.9)rotate(-5deg)}to{transform:translate(0)scale(1)rotate(0)}}.ui-layer{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.logo{filter:drop-shadow(0 0 20px #0006);width:256px;height:auto;margin-bottom:2.5rem}.auth-container{flex-direction:column;gap:1rem;width:100%;max-width:320px;padding:1rem;display:flex}.input-field{color:#b2b2b2;text-align:center;background:#0006;border:1px solid #ffffff26;border-radius:20px;outline:none;width:100%;padding:.5rem .64rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:#fff6}.input-field:focus{border-color:#000;box-shadow:0 0 0 3px #0003}.login-btn{color:#b2b2b2;cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:20px;width:100%;padding:.5rem .64rem;font-size:1rem;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px #0000}.login-btn:hover{background:#000;box-shadow:0 6px 20px #0000}.login-btn:active{transform:scale(.98)}