.auth-screen{min-height:100vh;background:#080c17;display:flex;align-items:center;justify-content:center;gap:86px;padding:40px;position:fixed;inset:0;z-index:20;overflow:hidden}.auth-screen.hidden{display:none}.auth-card{width:397px;position:relative;z-index:2;background:#111827eb;border:1px solid #26334b;border-radius:14px;padding:31px 34px 22px;box-shadow:0 28px 90px #0009}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:33px}.auth-brand strong{display:block;font-size:16px}.auth-brand strong span{color:#b29bff}.auth-brand small{display:block;color:#67748b;font:7px 'DM Mono';letter-spacing:1.8px;margin-top:2px}.auth-heading .eyebrow{margin-bottom:11px}.auth-heading h1{font-size:27px;line-height:1.15;letter-spacing:-1.2px;margin:0 0 10px}.auth-heading h1 span{color:#a78bfa}.auth-heading>p:last-child{color:#758198;font-size:10px;line-height:1.6;margin:0 0 24px}.auth-tabs{display:flex;gap:22px;border-bottom:1px solid #28364d;margin-bottom:20px}.auth-tab{background:none;border:0;padding:0 0 10px;color:#67748b;font-weight:700;font-size:10px;position:relative}.auth-tab.active{color:#eeeaff}.auth-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#8b5cf6;border-radius:2px}.auth-form label{display:block;color:#8491a6;font-size:9px;margin-bottom:14px}.auth-form input:not([type=checkbox]){width:100%;height:42px;background:#161f30;border:1px solid #2a374d;border-radius:6px;color:#edf2fb;outline:none;padding:0 12px;font-size:10px;margin-top:7px;transition:.2s}.auth-form input:focus{border-color:#8063dc;box-shadow:0 0 0 3px #8063dc22}.auth-form input::placeholder{color:#5c6980}.password-wrap{position:relative}.password-wrap input{padding-right:47px!important}.password-wrap button{position:absolute;right:9px;bottom:0;height:42px;border:0;background:none;color:#9a86ee;font-size:8px}.hidden-field{display:none!important}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:1px 0 20px}.auth-options a{font-size:8px;color:#a18cf2;text-decoration:none}.remember{display:flex!important;align-items:center;gap:5px;margin:0!important;color:#76839a!important}.remember input{accent-color:#805fe0}.remember span{font-size:8px}.auth-submit{width:100%;height:42px;padding:0}.auth-submit span{float:right;margin:0}.auth-error{color:#ff9985;font-size:9px;min-height:13px;margin:-9px 0 9px}.auth-footer{border-top:1px solid #1e2a3e;margin-top:22px;padding-top:15px;color:#5f6d84;font-size:8px;display:flex;align-items:center;gap:7px}.auth-footer .online-dot{box-shadow:none}.auth-preview{width:325px;height:250px;position:relative;z-index:1;background:#0f1726;border:1px solid #24314a;border-radius:12px;padding:12px;box-shadow:0 26px 80px #0006;transform:rotate(3deg)}.preview-top{display:flex;align-items:center;gap:5px;border-bottom:1px solid #1f2c42;padding-bottom:10px}.preview-dot{width:6px;height:6px;border-radius:50%;background:#e36c67}.preview-dot.yellow{background:#e7ae55}.preview-dot.green{background:#55c789}.preview-top small{font:7px 'DM Mono';color:#65738c;margin-left:8px}.preview-lines{padding:22px 18px 15px;display:flex;flex-direction:column;gap:8px}.preview-lines i{height:5px;border-radius:4px;background:#273653;width:72%}.preview-lines i:nth-child(2){width:48%;background:#493e80}.preview-lines i:nth-child(3){width:61%}.preview-lines i:nth-child(4){width:36%;background:#2c4e69}.preview-lines i:nth-child(5){width:53%}.preview-card{position:absolute;right:18px;bottom:20px;width:125px;background:#171e31;border:1px solid #2f3b59;border-radius:7px;padding:10px}.preview-card span{color:#65738a;font:7px 'DM Mono';display:block}.preview-card b{font:500 23px 'DM Mono';display:block;margin:8px 0 3px}.preview-card em{font-style:normal;color:#58d49c;font-size:7px}.auth-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.45}.glow-one{width:290px;height:290px;background:#45228f;left:4%;top:6%;box-shadow:0 0 150px 100px #45228f}.glow-two{width:210px;height:210px;background:#17476c;right:5%;bottom:4%;box-shadow:0 0 120px 80px #17476c}@media(max-width:700px){.auth-screen{padding:20px}.auth-card{width:100%;max-width:397px;padding:25px 23px 19px}.auth-preview{display:none}}
.demo-status{font-size:11px;line-height:1.7;color:#9eacc4;margin:0;padding:10px 12px;text-align:center}.auth-demo .j2me-overlay{font-size:12px}.reset-resend{display:block;margin:16px auto 0;border:0;background:none;color:#bda8ff;cursor:pointer}.reset-resend:disabled{color:#78849b;cursor:default}.reset-resend[hidden]{display:none}.auth-screen{overflow-y:auto}@media(max-width:700px){.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding:30px 16px}.auth-card{flex-shrink:0}}@media(max-height:640px) and (min-width:701px){.auth-screen{align-items:flex-start;padding-top:26px;padding-bottom:26px}}
.auth-preview.auth-demo.session-card{transform:none;width:350px;height:auto;padding:0;display:block;flex-shrink:0}.auth-demo #demoFrame{position:relative}.auth-demo .player-resize-edge{display:none}.auth-demo .demo-back{border:1px solid #3c345a;background:#201c35;color:#ddd5f2;padding:9px 14px;border-radius:7px;margin:10px 16px;cursor:pointer;align-self:flex-start}.auth-demo .demo-back[hidden]{display:none}.auth-preview.auth-demo.demo-expanded{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;z-index:25;border-radius:0;display:flex;flex-direction:column;align-items:center;background:#0d1421}.auth-demo.demo-expanded .session-card-head,.auth-demo.demo-expanded .session-card-body,.auth-demo.demo-expanded .demo-status{width:100%;flex-shrink:0}.auth-demo.demo-expanded .session-card-head{padding-right:18px}.auth-demo.demo-expanded .tab-actions{top:70px;right:16px}.auth-demo.demo-expanded .session-preview{width:100%;flex:1;min-height:0;overflow:hidden;padding:10px 44px}.demo-expanded #demoFrame{box-sizing:border-box;width:var(--demo-width,256px);height:var(--demo-height,434px);padding:8px;border:1px solid #42415d;background:#1b1b2c;border-radius:8px;max-height:100%}.auth-demo.demo-expanded .player-resize-edge{display:block}.auth-demo.demo-expanded .j2me-player{width:100%;height:100%;display:flex;flex-direction:column}.auth-demo.demo-expanded .j2me-display{width:100%;height:auto;flex:1;min-height:0}.auth-demo.demo-expanded .j2me-display canvas,.auth-demo.demo-expanded .preview-screen{width:100%;height:100%;aspect-ratio:auto}.auth-demo.demo-expanded .j2me-phone-controls{width:240px;flex-shrink:0;margin:8px auto 6px}.auth-demo.demo-expanded .j2me-display .open-runtime{width:calc(100% - 24px);left:12px;right:12px;opacity:1}.auth-demo.demo-expanded .session-card-body{min-height:46px}@media(max-width:700px){.auth-preview.auth-demo.session-card{width:100%;max-width:397px}.auth-preview.auth-demo.demo-expanded{max-width:none}.auth-demo.demo-expanded .session-preview{padding:8px 38px 8px 8px}.demo-expanded #demoFrame{width:100%;height:100%}.auth-demo.demo-expanded .player-resize-edge{display:none}.auth-demo.demo-expanded .tab-actions{right:5px}.auth-demo.demo-expanded .demo-back{margin:8px}.auth-demo.demo-expanded .demo-status{font-size:10px;padding:6px}}
.auth-demo.demo-expanded .j2me-display .open-runtime{transform:none}
.demo-status:empty{display:none}