/* Soft neutral card styling inspired by the supplied reference, login only. */
.prism-login.prism-login{--p-surface:#fbfbfc!important;--p-panel:#f0f0f3!important;--p-text:#202124!important;--p-muted:#74747b!important;--p-border:#e4e4e8!important;--p-accent:#202124!important;--p-on-accent:#fff!important;--p-selection:#e8e8ed!important;--p-color-scheme:light!important;background:#fbfbfc;color:#202124;border:1px solid #e5e5e8;border-radius:24px;box-shadow:0 18px 60px #13172420,0 2px 8px #1317240a;color-scheme:light}
.prism-login.prism-login:has(.prism-login-single){width:440px}
.prism-login.prism-login > header{height:58px;min-height:58px;padding:0 12px 0 24px;background:transparent;border-bottom:0}
.prism-login.prism-login > header strong{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:0}
.prism-login.prism-login > header strong::before{content:'';width:30px;height:30px;flex:none;border-radius:9px;background:url('/official/assets/logos/triangle-original.svg') center/22px no-repeat,linear-gradient(135deg,#bceaff,#eee0ff 70%,#ffdfe9);box-shadow:inset 0 0 0 1px #ffffffb3}
.prism-login.prism-login > header .special-window-controls>button{width:32px;height:32px;border-radius:50%;color:#626269}
.prism-login.prism-login > header .special-window-controls>button:hover{background:#ebebef;color:#202124}
.prism-login.prism-login .prism-login-language-picker summary{font-size:13px;padding:6px;border-radius:8px;color:#626269}
.prism-login.prism-login .prism-login-language-options{border-radius:12px;box-shadow:0 10px 32px #20212414}
.prism-login.prism-login .prism-login-columns.prism-login-single{padding-top:10px;padding-bottom:22px;gap:18px}
.prism-login.prism-login .prism-login-single>.prism-login-qr{margin:0 24px;padding:18px 16px;border-radius:20px;background:linear-gradient(130deg,#dce8fc 0%,#e6e2fa 56%,#eee4fb 100%);gap:8px;border:1px solid #e3e3f0}
.prism-login.prism-login :is(.prism-login-intro h2,.prism-login-qr-heading h2,.prism-login-form>h2){font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.025em}
.prism-login.prism-login .prism-login-qr-heading{margin-bottom:4px}
.prism-login.prism-login .prism-login-qr :is(p,small,strong){color:#626273}
.prism-login.prism-login .prism-login-qr-refresh{display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #484c8110}
.prism-login.prism-login .prism-login-qr-refresh svg{display:block;width:100%;height:100%;border-radius:8px}
.prism-login.prism-login .prism-login-qr .prism-login-qr-placeholder{background:#ffffffa3;border:1px solid #ffffffb3;border-radius:16px;box-shadow:none}
.prism-login.prism-login .prism-login-qr>strong{font-weight:500;letter-spacing:.06em}
.prism-login.prism-login .prism-login-single>.prism-login-form{padding:6px 28px 0}
.prism-login.prism-login .prism-login-form :is(input,select),.prism-login.prism-login .prism-login-credential{background:#f1f1f4;border-color:transparent;border-radius:12px}
.prism-login.prism-login .prism-login-credential input{background:transparent;border:0}
.prism-login.prism-login .prism-login-form input::placeholder{color:#8a8a93}
.prism-login.prism-login .prism-login-form label{font-weight:400}
.prism-login.prism-login .prism-login-credential:focus-within{outline:2px solid #b5bdde;outline-offset:1px}
.prism-login.prism-login .prism-login-credential input:focus{outline:none}
.prism-login.prism-login .prism-login-submit{background:#202124!important;color:#fff;border-radius:14px!important;font-weight:500;box-shadow:none}
.prism-login.prism-login .prism-login-submit:hover:not(:disabled){background:#38383d!important}
.prism-login.prism-login .prism-login-links button{color:#6c6c75}
.prism-login.prism-login .prism-login-method-switch{margin:0 24px;border-top:0;padding-top:0}
.prism-login.prism-login .prism-login-single>.prism-login-method-switch{padding-top:0}
.prism-login.prism-login .prism-login-method-switch>button{min-height:44px;border-radius:13px;background:#ededf0;color:#303037;font-weight:500}
.prism-login.prism-login .prism-login-method-switch>button:hover:not(:disabled){background:#e3e3e8}
.prism-login.prism-login .prism-login-method-switch small{font-size:13px;color:#8a8a91}
.prism-login.prism-login .prism-login-message{background:#f0f0f3;border-radius:12px}
.prism-login.prism-login .prism-login-password button{border-radius:8px}
.prism-login.prism-login .prism-login-qr select{border-radius:12px;border-color:#ffffffa6;background:#ffffffbc}
@media(max-width:420px){.prism-login.prism-login{border-radius:22px}.prism-login.prism-login > header{padding-left:18px}.prism-login.prism-login .prism-login-single>.prism-login-qr{margin:0 18px;padding-left:12px;padding-right:12px}.prism-login.prism-login .prism-login-single>.prism-login-form{padding:4px 20px 0}.prism-login.prism-login .prism-login-method-switch{margin:0 18px}.prism-login.prism-login > header strong{gap:7px}}
@media(max-height:600px){.prism-login.prism-login > header{height:48px;min-height:48px}.prism-login.prism-login .prism-login-single>.prism-login-qr{padding-top:8px;padding-bottom:8px;gap:4px}.prism-login.prism-login .prism-login-qr-heading h2{font-size:20px;line-height:1.2;margin-bottom:4px}.prism-login.prism-login .prism-login-method-switch>button{min-height:42px}}
@media(max-height:520px){.prism-login.prism-login .prism-login-single>.prism-login-qr{padding-top:6px;padding-bottom:6px}.prism-login.prism-login .prism-login-qr-heading h2{font-size:18px}.prism-login.prism-login .prism-login-qr-heading p,.prism-login.prism-login .prism-login-qr-time{font-size:13px;line-height:19px}.prism-login.prism-login .prism-login-columns.prism-login-single{gap:10px}}

/* Keep the account form comfortable after switching from the shorter QR view. */
.prism-login.prism-login:has(.prism-login-form){min-height:min(620px,calc(100dvh - 74px))!important}
@media(max-width:420px){.prism-login.prism-login > header{height:48px;min-height:48px}.prism-login.prism-login .prism-login-columns.prism-login-single{padding-top:6px;padding-bottom:14px;gap:12px}.prism-login.prism-login .prism-login-intro h2{font-size:20px;line-height:1.3}.prism-login.prism-login .prism-login-intro p{display:none}.prism-login.prism-login .prism-login-intro small{font-size:13px;line-height:1.5}.prism-login.prism-login .prism-login-intro{margin-bottom:14px}.prism-login.prism-login .prism-login-method-switch>button{min-height:42px}.prism-login.prism-login .prism-login-method-switch{gap:4px}.prism-login.prism-login .prism-login-links{margin-top:8px}}

.prism-login.prism-login:has(.prism-login-form) .prism-login-columns.prism-login-single{gap:12px}

.prism-login.prism-login{background:linear-gradient(140deg,rgba(194,219,252,.91),rgba(207,202,245,.9) 55%,rgba(233,206,245,.9))!important;border:0!important;border-radius:26px!important;box-shadow:0 20px 65px #03091a40!important;backdrop-filter:blur(24px);--p-surface:transparent!important;--p-panel:#ffffff2b!important;--p-text:#202639!important;--p-muted:#5c6380!important;--p-border:#ffffff36!important;--p-accent:#27334c!important;--p-selection:#ffffff42!important;color:#202639!important}.prism-login.prism-login > header{background:transparent!important;border:0!important}.prism-login.prism-login > header strong::before{background:url('/official/assets/logos/triangle-original.svg') center/24px no-repeat,linear-gradient(135deg,#97ddff,#e8c1fb)!important;box-shadow:0 3px 12px #546b9b12!important}.prism-login.prism-login .special-window-body,.prism-login.prism-login .prism-login-columns{background:transparent!important}.prism-login.prism-login .prism-login-single>.prism-login-qr{margin:0 24px;padding:18px 16px;background:transparent!important;border:0!important;box-shadow:none!important}.prism-login.prism-login .prism-login-qr-refresh{background:#ffffff3d!important;box-shadow:0 8px 28px #52628d12!important;border:1px solid #ffffff40!important;border-radius:18px!important;padding:10px!important}.prism-login.prism-login .prism-login-qr-refresh svg{border-radius:9px}.prism-login.prism-login .prism-login-qr-refresh svg>rect{fill:#e8eafa}.prism-login.prism-login .prism-login-qr :is(p,strong){color:#59617d!important}.prism-login.prism-login .prism-login-method-switch{background:transparent!important;border:0!important}.prism-login.prism-login .prism-login-method-switch>button{background:#ffffff38!important;border:1px solid #ffffff34!important;color:#28324b!important;border-radius:14px!important}.prism-login.prism-login .prism-login-single>.prism-login-form{background:transparent!important}.prism-login.prism-login .prism-login-form :is(input,select),.prism-login.prism-login .prism-login-credential{background:#ffffff38!important;border:1px solid #ffffff40!important;color:#26304a!important}.prism-login.prism-login .prism-login-credential input{background:transparent!important;border:0!important}.prism-login.prism-login .prism-login-form input::placeholder{color:#768099!important}.prism-login.prism-login .prism-login-submit{background:#27334c!important;border:1px solid #ffffff12!important;box-shadow:0 5px 16px #26334b14!important}.prism-login.prism-login .prism-login-links button{color:#5c6380!important}.prism-login.prism-login .prism-login-method-switch small{color:#69708b!important}.prism-login.prism-login .prism-login-language-picker summary{color:#47516e!important;outline:0!important}.prism-login.prism-login .prism-login-language-picker summary:focus-visible{outline:0!important}
/* Palette sampled from the official home page; preview only. */

.prism-login.prism-login{background:linear-gradient(145deg,rgba(245,251,255,.96),rgba(222,240,255,.93) 54%,rgba(185,216,236,.94))!important;--p-text:#152337!important;--p-muted:#5d7894!important;--p-accent:#0964b9!important;--p-selection:#d6ebfc!important;color:#152337!important;box-shadow:0 20px 65px #03407938!important}
.prism-login.prism-login > header strong::before{background:url('/official/assets/logos/triangle-original.svg') center/24px no-repeat,linear-gradient(135deg,#92dcff,#cce9ff)!important}
.prism-login.prism-login .prism-login-language-picker summary,.prism-login.prism-login > header .special-window-controls>button{color:#315a7e!important}
.prism-login.prism-login .prism-login-qr :is(p,strong),.prism-login.prism-login .prism-login-intro :is(p,small),.prism-login.prism-login .prism-login-links button{color:#567693!important}
.prism-login.prism-login .prism-login-qr-refresh{background:#ffffff50!important;border-color:#ffffff75!important;box-shadow:0 8px 28px #0a609518!important}
.prism-login.prism-login .prism-login-qr-refresh svg>rect{fill:#edf7ff}
.prism-login.prism-login .prism-login-method-switch>button{background:#ffffff5c!important;border-color:#ffffff78!important;color:#11539a!important}
.prism-login.prism-login .prism-login-form :is(input,select),.prism-login.prism-login .prism-login-credential{background:#ffffff5c!important;border-color:#ffffff7a!important;color:#152337!important}
.prism-login.prism-login .prism-login-credential input{background:transparent!important;border:0!important}
.prism-login.prism-login .prism-login-form input::placeholder{color:#7794ad!important}
.prism-login.prism-login .prism-login-credential:focus-within{outline:2px solid #16a0dc66!important}
.prism-login.prism-login .prism-login-submit{background:linear-gradient(110deg,#0964b9,#1071bd)!important;color:#fff!important;border-color:#ffffff1a!important;box-shadow:0 5px 18px #0964b921!important}

@media(max-height:600px){.prism-login.prism-login .prism-login-single>.prism-login-qr{padding:8px 12px!important}}
@media(max-height:520px){.prism-login.prism-login .prism-login-single>.prism-login-qr{padding:6px 12px!important}}