.drm-login{--font-display:var(--font-ui);--font-mono:var(--font-ui);--logo-plate:transparent;--drm-blue:#0e6ad2;--drm-blue-soft:#e8f1fc;--drm-sky:#8fc1ff;--spec-1:#5e3889;--spec-2:#0c69cb;--spec-3:#2590d7;--spec-4:#109750;--spec-5:#fdc023;--spec-6:#f47626;--spec-7:#c52763;--canvas:#f5f8fc;--surface:#ffffff;--heading:#0b1720;--text:#3a4750;--muted:#5f6b71;--line:#e3e8ee;--field-line:#7b8891;--field-bg:#ffffff;--link:#0e6ad2;--btn-b:#0b1720;--btn-b-hover:#0e6ad2;--btn-b-text:#ffffff;--focus:#0e6ad2;--error:#b42318;--error-bg:#fef3f2;--error-line:#f04438;--chip:#ffffff;--f-icon-bg:var(--drm-blue-soft);--f-icon-fg:var(--drm-blue)}.drm-login,.drm-login *{box-sizing:border-box}.drm-login{color-scheme:light;min-height:100vh;background:var(--surface);color:var(--text);font:400 16px/1.55 var(--font-ui);-webkit-font-smoothing:antialiased}.drm-login a{color:var(--link)}.drm-login :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.drm-login .login{display:grid;min-height:100vh;grid-template-columns:1fr 520px;font-family:var(--font-ui)}.drm-login .side{position:relative;background:var(--surface);display:grid;place-items:center;padding:56px 72px 88px}.drm-login .side:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(to bottom,var(--spec-1) 0 14.3%,var(--spec-2) 0 28.6%,var(--spec-3) 0 42.9%,var(--spec-4) 0 57.1%,var(--spec-5) 0 71.4%,var(--spec-6) 0 85.7%,var(--spec-7) 0)}.drm-login .side-foot{position:absolute;left:0;right:0;bottom:28px;margin:0;display:flex;justify-content:center;align-items:center;gap:8px;font:500 13px/1.4 var(--font-ui);color:var(--muted)}.drm-login .side-foot svg{width:14px;height:14px;flex:none}.drm-login .logo{display:inline-block;line-height:0;padding:0;border-radius:8px;background:var(--logo-plate)}.drm-login .logo img{display:block;height:34px;width:auto}.drm-login .lockup{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.drm-login .mark{width:34px;height:34px;flex:none;display:block;border-radius:50%}.drm-login .mark img{width:100%;height:100%;display:block}.drm-login .mark.fallback{background:conic-gradient(var(--spec-1),var(--spec-2),var(--spec-3),var(--spec-4),var(--spec-5),var(--spec-6),var(--spec-7),var(--spec-1));-webkit-mask:radial-gradient(circle,transparent 46%,#000 48%);mask:radial-gradient(circle,transparent 46%,#000 48%)}.drm-login .wm{display:grid;line-height:1.1}.drm-login .wm b{font:700 17px/1.1 var(--font-ui);letter-spacing:-.01em;color:var(--heading)}.drm-login .wm small{font:500 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.85;color:var(--muted)}.drm-login .b-canvas{position:relative;overflow:hidden;padding:44px max(56px,calc((100% - 760px) / 2));background:var(--canvas);display:flex;flex-direction:column}.drm-login .b-art{position:relative;flex:1;min-height:260px;margin-top:32px;container-type:size;display:flex;align-items:center;gap:48px}.drm-login .b-head{position:relative;z-index:1;margin:64px 0 0;font-family:var(--font-display);font-weight:900;font-size:68px;line-height:.98;letter-spacing:-.035em;color:var(--heading)}.drm-login .b-head .w{text-decoration:underline;text-decoration-color:var(--c);text-decoration-thickness:6px;text-underline-offset:9px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.drm-login .b-head .one{display:block;margin-top:14px;color:var(--link)}.drm-login .b-sub{position:relative;z-index:1;max-width:440px;margin:22px 0 0;font:400 17px/1.6 var(--font-ui);color:var(--text)}.drm-login .b-ring{flex:none;width:min(420px,100cqh);height:min(420px,100cqh)}.drm-login .b-ring .center-num{font:800 92px var(--font-display);fill:var(--heading)}.drm-login .b-ring .center-lbl{font:600 13px var(--font-mono);letter-spacing:.08em;fill:var(--muted);text-transform:uppercase}.drm-login .legend{flex:none;margin:0;padding:16px 18px;list-style:none;display:grid;gap:9px;background:var(--chip);border:1px solid var(--line);border-radius:12px;font:500 13px/1.2 var(--font-mono);color:var(--text)}.drm-login .legend .lt{font:600 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.drm-login .legend li{display:flex;align-items:center;gap:10px}.drm-login .legend li i{width:10px;height:10px;border-radius:3px;background:var(--c);display:block}.drm-login .f{width:100%;max-width:380px}.drm-login .f-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--f-icon-bg);color:var(--f-icon-fg);margin-bottom:20px}.drm-login .f-icon svg{width:22px;height:22px}.drm-login .f-eyebrow{margin:0;font:600 12px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.drm-login .f-title{margin:10px 0 0;color:var(--heading);font-family:var(--font-display);font-weight:900;font-size:40px;line-height:1.02;letter-spacing:-.03em}.drm-login .f-sub{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--text)}.drm-login .field{display:grid;gap:8px;margin-top:22px}.drm-login .f-head+.field{margin-top:30px}.drm-login .field label{font:600 14px/1.3 var(--font-ui);color:var(--heading)}.drm-login .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.drm-login .input{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--field-line);border-radius:8px;background:var(--field-bg);color:var(--heading);font:400 16px var(--font-ui);transition:border-color .15s}.drm-login .input::-moz-placeholder{color:var(--muted);opacity:1}.drm-login .input::placeholder{color:var(--muted);opacity:1}.drm-login .input:hover{border-color:var(--heading)}.drm-login .input:focus{outline:none}.drm-login .input:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--focus)}.drm-login .input[aria-invalid=true]{border-color:var(--error-line)}.drm-login .pw{position:relative}.drm-login .pw .input{padding-right:52px}.drm-login .eye{position:absolute;top:4px;right:4px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.drm-login .eye:hover{color:var(--heading);background:var(--canvas)}.drm-login .eye svg{width:18px;height:18px}.drm-login .code{height:60px;text-align:center;font:600 26px var(--font-mono);letter-spacing:.5em;padding-left:calc(14px + .5em)}.drm-login .link{color:var(--link);font:600 14px/1.3 var(--font-ui);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.drm-login .link:hover{text-decoration-thickness:2px}.drm-login .alert{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding:12px 14px;border-radius:8px;background:var(--error-bg);border:1px solid var(--error-line);color:var(--error);font:500 14px/1.45 var(--font-ui)}.drm-login .alert svg{width:18px;height:18px;flex:none;margin-top:1px}.drm-login .submit{margin-top:24px;width:100%;height:50px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font:600 16px var(--font-ui);cursor:pointer;background:var(--btn-b);color:var(--btn-b-text);transition:background .15s}.drm-login .submit:hover{background:var(--btn-b-hover)}.drm-login .submit:disabled{opacity:.6;cursor:default}.drm-login .submit svg{width:18px;height:18px;transition:transform .2s}.drm-login .submit:hover svg{transform:translateX(3px)}.drm-login .alt{margin:24px 0 0;text-align:center;font-size:14px;color:var(--muted)}.drm-login .back{margin:16px auto 0;display:flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:var(--text);font:600 14px var(--font-ui);text-decoration:underline;text-underline-offset:3px;padding:6px 8px;border-radius:6px}.drm-login .back svg{width:16px;height:16px}@media (max-width:760px){.drm-login .login{grid-template-columns:1fr;grid-template-rows:auto 1fr}.drm-login .side{place-items:start center;padding:32px 20px 28px;display:block}.drm-login .side .f{margin:0 auto}.drm-login .side-foot{position:static;margin-top:32px;text-align:center;padding:0 12px}.drm-login .f-title{font-size:32px}.drm-login .b-canvas{padding:22px 20px 30px;min-height:290px}.drm-login .b-art{position:static;display:block;container-type:normal;flex:none;min-height:0;margin:0}.drm-login .b-head{font-size:36px;margin-top:34px}.drm-login .b-head .w{text-decoration-thickness:4px;text-underline-offset:6px}.drm-login .b-head .one{margin-top:8px}.drm-login .b-sub,.drm-login .legend{display:none}.drm-login .b-ring{position:absolute;width:230px;height:230px;right:-112px;bottom:-104px}.drm-login .b-ring .center-lbl,.drm-login .b-ring .center-num{display:none}.drm-login .side:before{top:0;left:0;right:0;bottom:auto;width:auto;height:6px;background:linear-gradient(to right,var(--spec-1) 0 14.3%,var(--spec-2) 0 28.6%,var(--spec-3) 0 42.9%,var(--spec-4) 0 57.1%,var(--spec-5) 0 71.4%,var(--spec-6) 0 85.7%,var(--spec-7) 0)}}.drm-login .fade{animation:drm-fade 1s ease-out both;animation-delay:var(--d,0s)}@keyframes drm-fade{0%{opacity:0}}.drm-login .rise{animation:drm-rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}@keyframes drm-rise{0%{opacity:0;transform:translateY(14px)}}.drm-login .seg-in{animation:drm-segin 1.1s cubic-bezier(.6,0,.2,1) both;animation-delay:var(--d,0s)}@keyframes drm-segin{0%{stroke-dasharray:0 700}}.drm-login .spin-in{transform-box:view-box;transform-origin:200px 200px;animation:drm-spinin 1.6s cubic-bezier(.2,.8,.2,1) both}@keyframes drm-spinin{0%{transform:rotate(-70deg)}}.drm-login .drift{transform-box:view-box;transform-origin:200px 200px;animation:drm-drift 60s linear infinite;animation-delay:1.6s}@keyframes drm-drift{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.drm-login *,.drm-login :after,.drm-login :before{animation:none!important;transition:none!important}}@media (min-width:761px) and (max-width:1150px){.drm-login .b-sub,.drm-login .legend{display:none}.drm-login .b-head{font-size:56px}}@media (min-width:761px) and (max-height:860px){.drm-login .b-canvas{padding-top:32px;padding-bottom:32px}.drm-login .b-head{margin-top:36px;font-size:58px}.drm-login .b-head .one{margin-top:10px}.drm-login .b-sub{margin-top:16px}.drm-login .b-art{min-height:220px;margin-top:20px}.drm-login .side{padding-top:40px;padding-bottom:72px}}