.login-page.dirqon-login{background:#0b1216 var(--login-landscape) center/cover no-repeat;color:#fff;width:100%;min-height:100svh;font-family:var(--font-inter,Inter),system-ui,sans-serif;isolation:isolate;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);display:grid}.dirqon-login .login-accessible-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dirqon-login .login-panel{background:linear-gradient(90deg,#0000,#0b121630);grid-column:2;justify-content:center;align-items:center;min-width:0;min-height:100svh;padding:clamp(24px,4vw,76px);display:flex}.login-page.dirqon-login .login-box{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1216f2;border:1px solid #7fe9e17a;border-radius:20px;width:100%;max-width:480px;padding:clamp(28px,3.5vw,52px);box-shadow:0 24px 80px #0006}.login-page.dirqon-login .login-kicker{color:#7fe9e1;letter-spacing:.17em;margin-bottom:18px;font-size:11px;font-weight:600;display:block}.login-page.dirqon-login .login-box h2{letter-spacing:-.035em;color:#fff;margin:0 0 14px;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.12}.login-page.dirqon-login .login-box>p{color:#aeb7c3;margin:0 0 32px;font-size:16px;line-height:1.6}.login-page.dirqon-login .login-box form button{box-sizing:border-box;color:#0b1216;width:100%;min-height:56px;font:600 16px var(--font-inter,Inter),system-ui,sans-serif;cursor:pointer;background:#00d1b2;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 20px;transition:background .15s,box-shadow .15s;display:flex}.login-page.dirqon-login .login-box form button:focus-visible{outline-offset:5px;outline:3px solid #7fe9e1}.dirqon-login .login-box form button span{font-size:25px;line-height:1}.login-page.dirqon-login .login-box>.login-account-note{color:#aeb7c3;margin:16px 0 0;font-size:12px;line-height:1.7}.dirqon-login .login-divider{background:#aeb7c326;height:1px;margin:28px 0 20px}.login-page.dirqon-login .login-help{color:#aeb7c3;text-align:left;font-size:12px;line-height:1.7;display:block}.dirqon-login .login-box footer{color:#aeb7c3;text-align:center;margin-top:26px;font-size:11px;line-height:1.5}@media (max-width:760px){.login-page.dirqon-login{background-position:30% 0;background-size:auto 100%;flex-direction:column;min-height:100svh;display:flex}.dirqon-login .login-panel{background:linear-gradient(#0b121600 10%,#0b121640 35%,#0b1216cc 100%);align-items:flex-end;min-height:100svh;padding:230px 20px 28px}.login-page.dirqon-login .login-box{max-width:440px;padding:28px}.login-page.dirqon-login .login-box h2{font-size:32px}}@media (prefers-reduced-motion:reduce){.dirqon-login button{transition:none!important}}:is(html:has(.dirqon-login),body:has(>.dirqon-login)){background:#0b1216;min-height:100%;overflow-x:hidden;margin:0!important;padding:0!important}body:has(>.dirqon-login)>main.login-page.dirqon-login{background-color:#0b1216;background-position:0;background-repeat:no-repeat;background-size:auto 100%;grid-template-columns:minmax(0,1fr) minmax(480px,38vw);min-height:100svh;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.login-page.dirqon-login .login-box{max-width:560px}.login-page.dirqon-login .login-box form button{color:#0b1216!important;background:#00d1b2!important}.login-page.dirqon-login .login-box form button:hover{background:#7fe9e1!important}@media (min-aspect-ratio:21/9){.dirqon-login .login-panel{background:linear-gradient(90deg,#0000,#0b1216 20%);padding:clamp(32px,4vw,120px)}.login-page.dirqon-login .login-box{max-width:640px;padding:56px}.login-page.dirqon-login .login-box h2{font-size:44px}}@media (max-width:760px){body:has(>.dirqon-login)>main.login-page.dirqon-login{background-position:0 0;background-size:auto 440px;display:flex}.dirqon-login .login-panel{background:linear-gradient(#0000 240px,#0b1216 440px);width:100%;padding-top:360px}}@media (min-aspect-ratio:21/9){body:has(>.dirqon-login)>main.login-page.dirqon-login{background-image:linear-gradient(90deg,transparent calc(177.68svh - 240px),#0b1216 calc(177.68svh - 1px)),var(--login-landscape);background-position:0;background-size:100% 100%,auto 100%}}body:has(>.dirqon-login)>main.login-page.dirqon-login{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(440px,34vw);position:relative;background-image:var(--login-landscape)!important;background-position:30%!important;background-size:cover!important}.dirqon-login .login-panel{z-index:1;justify-content:center;padding:clamp(28px,4vw,120px);position:relative;background:0 0!important}.login-page.dirqon-login .login-box{background:#0b1216df;border-color:#00d1b299;max-width:560px;padding:clamp(32px,3vw,56px);box-shadow:0 16px 60px #0005}.dirqon-login .login-identity{z-index:1;filter:drop-shadow(0 2px 12px #00111fcc);max-width:42%;position:absolute;top:5.5%;left:3.8%}.dirqon-login .login-identity img{width:clamp(230px,22vw,490px);max-width:100%;height:auto;display:block}.dirqon-login .login-identity h1{font:700 clamp(28px,2.4vw,54px)/1.1 var(--font-inter,Inter),system-ui,sans-serif;letter-spacing:-.035em;color:#fff;margin:18px 0 0}.dirqon-login .login-identity em{color:#7fe9e1;font-style:normal}.dirqon-login .login-motto{color:#fff;letter-spacing:.24em;text-shadow:0 2px 8px #000;z-index:1;border-left:3px solid #00d1d8;gap:8px;padding-left:18px;font-size:clamp(12px,1vw,18px);line-height:1.2;display:grid;position:absolute;bottom:6.5%;left:3.8%}@media (min-aspect-ratio:3){body:has(>.dirqon-login)>main.login-page.dirqon-login{background-size:100% 100%!important}.login-page.dirqon-login .login-box{max-width:640px}}@media (max-width:760px){body:has(>.dirqon-login)>main.login-page.dirqon-login{display:flex;background-position:22%!important}.dirqon-login .login-identity{max-width:85%;top:20px;left:22px}.dirqon-login .login-identity img{width:230px}.dirqon-login .login-identity h1{margin-top:12px;font-size:28px}.dirqon-login .login-panel{align-items:center;width:100%;min-height:100svh;padding:300px 20px 120px}.dirqon-login .login-motto{gap:4px;padding-left:12px;font-size:10px;bottom:24px;left:24px}.login-page.dirqon-login .login-box{padding:28px}}