:root{--primary:#eec643;--primary-dark:#d4ca3a;--secondary:#c9b337;--dark:#1f2937;--light:#f9fafb;--gray:#6b7280;--error:#ef4444;--error-light:#fee2e2;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{align-items:center;color:#f9fafb;color:var(--light);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;position:relative}body:before{background-image:url(/static/media/bg_lobby.4c50c666bbee8a04db53.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;inset:0;position:absolute;z-index:-1}.login-container{align-items:center;display:flex;flex-direction:column;gap:10px;height:80vh;margin:auto;max-height:460px;max-width:880px;padding:0 20px;width:80vw}.login-title{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(#ffd000,#ffd000);color:#0000;font-size:24px;font-weight:700;text-align:center;text-shadow:0 4px 3px #0006,0 8px 13px #0000001a,0 18px 23px #0000001a}.login-subtitle{color:#6b7280;color:var(--gray);font-size:14px;text-align:center}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0000004d;display:flex;height:100%;overflow:hidden;transform-style:preserve-3d;transition:transform .5s ease;width:100%}.form-container,.logo-container{align-items:center;display:flex;justify-content:center;width:50%}.form-container{flex-direction:column}.logo-container form,.logo-container img{height:100%;width:100%}.gradient-border{position:relative;width:2px}.gradient-border:after{background:linear-gradient(180deg,#ffd90000,#728fb775,#728fb7,#728fb775,#ffd90000);bottom:5%;content:"";height:90%;position:absolute;top:5%;width:3px}.api-error-message{align-items:center;background:#fee2e2;background:var(--error-light);border-left:4px solid #ef4444;border-left:4px solid var(--error);border-radius:8px;color:#ef4444;color:var(--error);display:flex;font-size:14px;gap:8px;left:0;margin-top:20px;padding:12px 16px;position:fixed;top:0;transform:translateX(-100%);transition:transform .5s ease}.api-error-message.show{transform:translateX(0)}.error-icon{flex-shrink:0;height:20px;width:20px}.login-form{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:20px 40px;width:100%}.form-group{width:100%}.form-group,.input-container{position:relative}.error{border-color:#ef4444!important;border-color:var(--error)!important}.input-icon{color:#6b7280;color:var(--gray);height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.error-message{color:#ef4444;color:var(--error);display:block;font-size:13px;margin-top:6px;padding-left:8px}input{background:#0f172ab3;border:2px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:16px 16px 16px 48px;transition:all .3s ease;width:100%}input:focus{border-color:#eec643;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33;outline:none}input:focus+label,input:not(:placeholder-shown)+label{color:#eec643;color:var(--primary);transform:translateY(-28px) translateX(-16px) scale(.85)}input:focus~.input-icon{color:#eec643;color:var(--primary)}label{background:linear-gradient(#0000 50%,#0f172ab3 0);color:#6b7280;color:var(--gray);left:48px;padding:0 4px;pointer-events:none;position:absolute;top:14px;transition:all .3s ease}.g-recaptcha{transform:scale(.95);transform-origin:0 0}.submit-btn{align-items:center;background-image:linear-gradient(#fed626,#8e7508);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:14px;text-shadow:0 4px 3px #0006,0 8px 13px #0000001a,0 18px 23px #0000001a;transition:all .3s ease;transition:all .15s;width:100%}.submit-btn:hover{box-shadow:0 4px 15px #eec6434d;transform:scale(1.03)}.submit-btn:active{background-image:linear-gradient(#8e7508,#fed626);transform:scale(.97)}.submit-btn:disabled{background:#6b7280;background:var(--gray);box-shadow:none;cursor:not-allowed;opacity:.7;text-shadow:none;transform:none}.spinner{animation:rotate 2s linear infinite;height:20px;width:20px}.spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media screen and (min-width:769px) and (max-width:992px) and (orientation:landscape){.login-container{align-items:center;display:flex;flex-direction:column;gap:10px;padding:0 20px;width:90vw}.submit-btn{padding:10px 12px}.login-form{gap:10px;padding:20px}}@media screen and (min-width:577px) and (max-width:768px) and (orientation:landscape){.login-container{gap:10px;height:90vh;padding:0 20px;width:100vw}.login-form{gap:8px;overflow-y:auto;padding:20px}.submit-btn{padding:8px 12px}}@media screen and (min-width:577px) and (max-width:992px) and (orientation:portrait){.login-container{height:auto;max-height:-webkit-fit-content;max-height:fit-content;width:90vw}.login-subtitle{margin-bottom:20px}.login-card{flex-direction:column;height:-webkit-fit-content;height:fit-content}.form-container,.logo-container{width:100%}.logo-container img{max-width:400px;min-width:200px;width:40vw}.gradient-border{width:100%}.gradient-border:after{background:linear-gradient(90deg,#ffd90000,#728fb775,#728fb7,#728fb775,#ffd90000);content:"";height:2px;left:0;position:absolute;width:100%}}@media screen and (min-width:300px) and (max-width:576px) and (orientation:portrait){.login-container{height:auto;max-height:-webkit-fit-content;max-height:fit-content;width:95vw}.login-subtitle{margin-bottom:20px}.login-card{flex-direction:column;height:-webkit-fit-content;height:fit-content}.form-container,.logo-container{width:100%}.logo-container img{max-width:400px;min-width:200px;width:40vw}.login-form{padding:20px}.gradient-border{width:100%}.gradient-border:after{background:linear-gradient(90deg,#ffd90000,#728fb775,#728fb7,#728fb775,#ffd90000);content:"";height:2px;left:0;position:absolute;width:100%}}
/*# sourceMappingURL=main.5d26f99e.css.map*/