.text-white{color:#fff}.bg-success{background-color:#16a34a}.bg-secondary{background-color:#885fae}.bg-primary{background-color:#220245}.bg-accent{background-color:#f36803}.text-gray-primary{color:#fff}.text-success{color:#16a34a}.text-gray-secondary{color:#f2f2e8}.text-accent{color:#f36803}#login-container{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background-color:#f2f2e8;background-image:linear-gradient(135deg,#fffffff0,#f2f2e8e6),linear-gradient(rgba(34,2,69,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,2,69,.045) 1px,transparent 1px);background-size:100% 100%,42px 42px,42px 42px}#login-container:after{position:absolute;right:10%;bottom:-180px;width:360px;height:360px;border:1px solid rgba(243,104,3,.12);border-radius:50%;content:"";pointer-events:none;animation:login-drift 16s ease-in-out infinite reverse}#login-container #login-decoration{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}#login-container #login-decoration .login-decoration-ring{position:absolute;border:1px solid rgba(34,2,69,.12);border-radius:50%;animation:login-drift 14s ease-in-out infinite}#login-container #login-decoration .login-decoration-ring-one{top:-185px;right:-95px;width:430px;height:430px;box-shadow:0 0 0 22px #22024506,0 0 0 44px #22024505}#login-container #login-decoration .login-decoration-ring-two{bottom:-290px;left:-190px;width:540px;height:540px;border-color:#885fae24;animation-delay:-6s;animation-direction:reverse}#login-container #login-decoration .login-decoration-trace{position:absolute;width:180px;height:58px;border-top:1px solid rgba(34,2,69,.16);border-right:1px solid rgba(34,2,69,.16);transform:rotate(-28deg);animation:login-drift 11s ease-in-out infinite}#login-container #login-decoration .login-decoration-trace-one{top:22%;left:9%}#login-container #login-decoration .login-decoration-trace-two{right:12%;bottom:18%;border-color:#885fae29;transform:rotate(152deg);animation-delay:-4s}#login-container #login-decoration .login-decoration-node{position:absolute;width:8px;height:8px;background-color:#f36803;border-radius:50%;box-shadow:0 0 0 7px #f3680314;animation:login-pulse 4s ease-in-out infinite}#login-container #login-decoration .login-decoration-node-one{top:24%;right:18%}#login-container #login-decoration .login-decoration-node-two{bottom:26%;left:17%;animation-delay:-2s}#login-container #login-centered{position:relative;z-index:1;align-items:center;justify-content:space-between;width:min(100%,950px);padding:2rem;gap:clamp(2rem,8vw,6rem)}#login-container #login-centered #opzio-logo-container{flex:1 1 0;max-width:360px;animation:login-reveal .7s ease both}#login-container #login-centered #opzio-logo-container #opzio-logo{display:block;width:min(100%,270px);height:auto;filter:drop-shadow(0 12px 18px rgba(34,2,69,.1))}@keyframes login-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes login-drift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-12px,0) rotate(2deg)}}@keyframes login-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}@media(prefers-reduced-motion:reduce){#login-container,#login-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}#login-container #login-centered #login-data-container{flex:0 1 360px;background-color:#fffffff5;border:1px solid rgba(34,2,69,.12);border-radius:16px;box-shadow:0 24px 60px #2202451f,0 5px 16px #2202450f;width:360px;min-width:300px;padding:2.5rem 2rem;animation:login-reveal .7s .12s ease both}#login-container #login-centered #login-data-container #avatar-img{display:block;text-align:center;font-size:3.5rem;color:#220245b8;margin:0 auto 1.25rem}#login-container #login-centered #login-data-container #login-title{color:#0f172a;text-align:center;font-size:1.375rem;font-weight:600;margin:0 0 .25rem;padding:0}#login-container #login-centered #login-data-container #login-message{color:#64748b;text-align:center;font-size:.875rem;margin:0 0 1.75rem;padding:0}#login-container #login-centered #login-data-container .form-control{text-align:center;margin-bottom:.75rem;color:#0f172a;border-color:#d4d4c8;background-color:#ffffffd1}#login-container #login-centered #login-data-container .form-control:focus{border-color:#220245;box-shadow:0 0 0 3px #22024514}#login-container #login-centered #login-data-container #login-btn{display:block;width:100%;border-radius:6px;margin-top:.5rem;font-size:.9rem;letter-spacing:.04em;transition:transform .2s ease,box-shadow .2s ease}#login-container #login-centered #login-data-container #login-btn:hover,#login-container #login-centered #login-data-container #login-btn:focus-visible{box-shadow:0 8px 18px #22024533;transform:translateY(-1px)}#login-container #login-centered #login-data-container #forgot-password{display:block;text-align:center;color:#64748b;font-size:.875rem;font-weight:400;margin:1.25rem 0 0;padding:0;text-decoration:underline;cursor:pointer}#login-container #login-centered #login-data-container #forgot-password:hover{color:#f36803}@media(max-width:768px){#login-container{min-height:100svh}#login-container #login-centered{flex-direction:column;justify-content:center;width:min(100%,420px);padding:2.5rem 1rem 1.5rem;gap:1.25rem}#login-container #login-centered #opzio-logo-container{display:flex;justify-content:center;max-width:none}#login-container #login-centered #opzio-logo-container #opzio-logo{width:min(100%,190px)}#login-container #login-centered #login-data-container{flex:0 1 auto;width:100%;min-width:0;padding:2rem 1.25rem}#login-container #login-decoration{opacity:.65}}@media(max-width:420px){#login-container #login-centered{padding-right:.75rem;padding-left:.75rem}}