body{font-family:Inter,sans-serif}.sidebar{transition:all .3s ease}.progress-bar{transition:width .5s ease-in-out}.tab-content{display:none}.tab-content.active{display:block}.checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:3;stroke:#fff;stroke-miterlimit:10;margin:0 auto;box-shadow:inset 0 0 #4caf50;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#4caf50;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 40px #4caf50}}:root{--logo-text-color: #9233eb;--logo-glow-color: rgba(146, 51, 235, .3)}.dark{--logo-text-color: #fece83;--logo-glow-color: rgba(209, 209, 209, .2)}.login-animation-container{perspective:1000px}.logo-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.logo-image{width:150px;height:auto;animation:double-flip-and-pause 4s linear infinite}.logo-text{display:flex;animation-delay:2s}.logo-text .char,.logo-text .space{color:var(--logo-text-color);font-family:Cinzel,serif;font-size:2.5rem;font-weight:600;letter-spacing:.09em;opacity:0;transform:translateY(100px);animation:fly-in 1s ease-out forwards;animation-delay:calc(var(--char-index) * .1s)}.logo-text .space{width:.3em}@keyframes double-flip-and-pause{0%{transform:rotateY(0)}35%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}@keyframes fly-in{to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0);text-shadow:0 0 5px var(--logo-glow-color)}50%{transform:translateY(-20px);text-shadow:0 0 25px var(--logo-glow-color)}to{transform:translateY(0);text-shadow:0 0 5px var(--logo-glow-color)}}