.login-page{--portal-gold:#f2ca78;--portal-blue:#84beff;--portal-text:#edf1ff;position:relative;isolation:isolate;min-height:100svh;background:#0a1230;color:var(--portal-text);font-family:"Segoe UI",Arial,sans-serif}
.login-page::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#04092208,#0813330a 65%,#060c2225),url('/static/login-backdrop.png') center center/cover no-repeat;pointer-events:none}
.login-page::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#0b123315,transparent 60%);pointer-events:none}.login-page .topbar,.login-page>.footer{display:none}.login-page>.wrap{min-height:100svh;max-width:none;padding:42px 24px 110px;display:flex;flex-direction:column;justify-content:center}
.portal-brand{position:absolute;top:24px;left:42px;display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:.2px;text-transform:uppercase;color:#edf3ff;text-shadow:0 2px 8px #0a102f;z-index:2}.portal-record{display:grid;place-items:center;width:35px;height:28px;background:linear-gradient(#d4e0ff,#d4e0ff) left top/7px 2px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) left top/2px 7px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) right top/7px 2px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) right top/2px 7px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) left bottom/7px 2px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) left bottom/2px 7px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) right bottom/7px 2px no-repeat,linear-gradient(#d4e0ff,#d4e0ff) right bottom/2px 7px no-repeat}.portal-record i{display:block;background:#ff2858;width:17px;height:17px;border-radius:50%;box-shadow:0 0 18px #ff2a5c45}
.portal-shell{width:min(640px,100%);margin:0 auto;position:relative}.portal-title{position:relative;text-align:center;padding-top:69px}.portal-crown{position:absolute;top:-14px;left:calc(50% - 87px);width:174px;height:106px;z-index:2;filter:drop-shadow(0 0 11px #3794f46b)}.portal-crown svg{width:100%;height:100%}.portal-title h1{position:relative;display:flex;align-items:center;justify-content:center;margin:0 -10px;min-height:88px;padding:8px 24px 13px;font:italic 700 clamp(34px,3.8vw,56px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-1.2px;white-space:nowrap;color:#ffe8a3;background:linear-gradient(145deg,#30406c,#101a39 55%,#1a2a53);text-shadow:0 3px 1px #715026,0 0 18px #ffe4a42b;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);box-shadow:inset 0 2px #edcd84,inset 0 -2px #b38b4c}.portal-title h1::before{content:"";position:absolute;inset:5px 22px;border-top:1px solid #f6dc9a7d;border-bottom:1px solid #99b5ff25;pointer-events:none}.portal-title>p{display:flex;align-items:center;justify-content:center;gap:13px;color:#c0e6ff;text-shadow:0 0 9px #318cff;font-size:12px;font-weight:650;letter-spacing:3.5px;margin:12px 0 0}.portal-title>p>span{width:38px;height:1px;background:linear-gradient(90deg,transparent,#7bdcff);box-shadow:0 0 7px #0a8cff}.portal-title>p>span:last-child{transform:rotate(180deg)}
.portal-panel{position:relative;margin-top:45px;padding:3px;background:linear-gradient(135deg,#fff1b8 0%,#be9146 9%,#729aff 18%,#466cda 30%,#dfb567 42%,#fff0b0 50%,#698cee 62%,#6552bd 75%,#ffd77f 90%,#a77b43);clip-path:polygon(7% 0,93% 0,100% 11%,100% 87%,93% 100%,7% 100%,0 87%,0 11%);filter:drop-shadow(0 0 9px #2677ff5c)}.portal-panel::after{content:"";position:absolute;left:17%;right:17%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#64dfff,transparent);box-shadow:0 0 12px #328aff;pointer-events:none}
.portal-panel-content{position:relative;padding:33px 72px 29px;text-align:center;background:radial-gradient(ellipse at 50% 10%,#172958e8,#0f193bea 55%,#1b2b60ed);clip-path:polygon(7% 0,93% 0,100% 11%,100% 87%,93% 100%,7% 100%,0 87%,0 11%);box-shadow:inset 0 0 70px #213d884d;z-index:1}.portal-panel-content::before{content:"";position:absolute;inset:10px 12px;clip-path:polygon(7% 0,93% 0,100% 11%,100% 87%,93% 100%,7% 100%,0 87%,0 11%);border:1px solid #758fe929;pointer-events:none}.portal-panel .portal-gem{position:absolute;top:0;left:calc(50% - 12px);width:24px;height:24px;background:linear-gradient(135deg,#e8fdff,#3bdcff 40%,#1761d1 55%,#9defff);border:2px solid #b8eeff;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 18px #38aeff;z-index:5}
.panel-corner{position:absolute;width:65px;height:65px;z-index:3;pointer-events:none;border-color:#f3cd7e}.corner-tl{top:0;left:0;background:linear-gradient(135deg,#fff4c1,#b48036 70%,#f4d18c);clip-path:polygon(0 100%,0 40%,40% 0,100% 0,75% 12%,45% 12%,12% 45%,12% 75%)}.corner-tr{top:0;right:0;transform:rotate(90deg);background:linear-gradient(135deg,#fff4c1,#b48036 70%,#f4d18c);clip-path:polygon(0 100%,0 40%,40% 0,100% 0,75% 12%,45% 12%,12% 45%,12% 75%)}.corner-bl{bottom:0;left:0;transform:rotate(-90deg);background:linear-gradient(135deg,#fff4c1,#b48036 70%,#f4d18c);clip-path:polygon(0 100%,0 40%,40% 0,100% 0,75% 12%,45% 12%,12% 45%,12% 75%)}.corner-br{bottom:0;right:0;transform:rotate(180deg);background:linear-gradient(135deg,#fff4c1,#b48036 70%,#f4d18c);clip-path:polygon(0 100%,0 40%,40% 0,100% 0,75% 12%,45% 12%,12% 45%,12% 75%)}
.portal-broadcast{display:block;width:114px;height:66px;margin:0 auto 5px;color:#a9c6ff;filter:drop-shadow(0 0 12px #579dff4f)}.portal-panel h2{font-size:30px;letter-spacing:-.6px;line-height:1.2;margin:9px 0 8px;font-weight:700;color:#f2f4ff}.portal-intro{color:#becbec;font-size:15px;line-height:1.5;margin:0 0 29px}.portal-form{position:relative;text-align:left}.portal-password-label{display:flex;align-items:center;justify-content:space-between;color:#d4e0ff;font-size:13px;font-weight:600;margin:0 12px 9px}.portal-password-label>span{font-size:8px;font-weight:500;letter-spacing:1.5px;color:#95aedb}
.portal-password-wrap{display:flex;align-items:center;gap:0;position:relative;border:1px solid #6b85ed;border-radius:26px;background:linear-gradient(170deg,#132144eb,#192558dd);box-shadow:inset 0 0 16px #384ca533,0 0 14px #174dff0a;transition:border-color .2s,box-shadow .2s}.portal-password-wrap:focus-within{border-color:#88d6ff;box-shadow:0 0 0 3px #4b8dff24,0 0 18px #35a7ff29}.password-lock{display:grid;place-items:center;width:57px;flex-shrink:0;color:#b2c3f3}.password-lock svg{width:21px;height:25px}.portal-password-wrap input{min-width:0;flex:1;border:0;background:transparent;outline:none;box-shadow:none;color:#f2f5ff;height:56px;font:15px/1.4 "Segoe UI",Arial,sans-serif;padding:0 6px 0 0;border-radius:25px}.portal-password-wrap input::placeholder{color:#aabbdc;opacity:.8;font-size:14px}.portal-password-wrap input::-ms-reveal{display:none}.portal-password-wrap input:-webkit-autofill{-webkit-text-fill-color:#f2f5ff;transition:background-color 9999s ease-in-out 0s}.password-visibility{height:48px;width:51px;border:0;background:transparent;color:#bacbf9;display:grid;place-items:center;border-radius:50%;padding:0;flex-shrink:0}.password-visibility svg{width:23px;height:23px}.password-visibility:hover{color:#fff1bb;background:#6687ef10}.password-visibility.is-visible .eye-slash{display:none}
.portal-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:35px;width:calc(100% - 52px);min-height:60px;margin:31px auto 0;border:0;background:linear-gradient(135deg,#fff0ac 0%,#d3993e 15%,#edbc68 46%,#ffe6a1 65%,#b97c2e 100%);box-shadow:inset 0 2px #fff4c7,inset 0 -2px #ffe6a8;color:#41290f;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);font-size:23px;font-weight:750;letter-spacing:-.5px;text-shadow:0 1px #ffebad70;transition:filter .2s,transform .2s}.portal-submit::before{content:"";position:absolute;inset:5px 13px;border-top:1px solid #fff4bd;border-bottom:1px solid #fff4bd;pointer-events:none}.portal-submit svg{position:absolute;right:32px;width:20px;height:20px;color:#7d501d}.portal-submit:hover:not(:disabled){filter:brightness(1.12)}.portal-submit:active:not(:disabled){transform:translateY(1px)}.portal-submit:disabled{cursor:wait;filter:saturate(.65);opacity:.8}.portal-access-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8ca5d6;font-size:10px;letter-spacing:.3px;margin:20px 0 0}.portal-access-note svg{width:12px;height:13px}.portal-error{position:relative;padding:10px 14px;background:#591c394f;border:1px solid #b9607c77;border-radius:9px;color:#ffd4df;font-size:12px;line-height:1.5;margin:-9px 0 19px;text-align:left}.login-page button:focus-visible{outline:2px solid #fff0a8;outline-offset:3px}.portal-submit:focus-visible{filter:drop-shadow(0 0 9px #ffdc7a);outline:0}
@media(min-width:1700px){.portal-shell{width:660px}.portal-panel-content{padding:38px 76px 35px}.portal-panel h2{font-size:32px}.portal-intro{font-size:16px}.portal-password-wrap input{height:60px}.portal-submit{margin-top:34px;min-height:65px;font-size:25px}}
@media(max-height:820px) and (min-width:761px){.login-page>.wrap{padding-top:30px;padding-bottom:60px}.portal-shell{width:570px}.portal-title{padding-top:53px}.portal-crown{width:144px;height:87px;left:calc(50% - 72px);top:-14px}.portal-title h1{min-height:71px;font-size:43px}.portal-title>p{font-size:10px;letter-spacing:3px;margin-top:9px}.portal-panel{margin-top:30px}.portal-panel-content{padding:24px 60px}.portal-broadcast{width:92px;height:53px}.portal-panel h2{font-size:26px;margin-top:7px}.portal-intro{font-size:13px;margin-bottom:20px}.portal-password-wrap input{height:50px}.portal-submit{min-height:54px;margin-top:23px;font-size:21px}.portal-access-note{margin-top:16px}}
@media(max-width:1000px){.login-page::before{background-position:center center}.portal-shell{width:580px}.portal-panel-content{padding-left:59px;padding-right:59px}.portal-title h1{font-size:44px}.portal-brand{left:26px;top:22px;font-size:13px}.portal-title>p{font-size:10px;letter-spacing:3px}}
@media(max-width:760px){.login-page::before{background-position:50% center;background-size:auto 100%;opacity:.8}.login-page::after{background:linear-gradient(180deg,#09123026,#09123050)}.login-page>.wrap{padding:96px 22px 90px;justify-content:center}.portal-shell{width:min(560px,100%)}.portal-brand{left:24px;top:22px;font-size:12px;gap:9px}.portal-record{width:30px;height:25px}.portal-record i{width:14px;height:14px}.portal-title{padding-top:55px}.portal-crown{width:145px;height:89px;left:calc(50% - 72.5px);top:-13px}.portal-title h1{font-size:clamp(29px,7vw,43px);min-height:74px;padding:9px 18px;margin:0 -8px;letter-spacing:-.7px}.portal-title>p{font-size:9px;letter-spacing:2.4px;gap:8px;margin-top:11px}.portal-title>p>span{width:24px}.portal-panel{margin-top:37px}.portal-panel-content{padding:30px 39px 27px}.portal-broadcast{width:103px;height:58px}.portal-panel h2{font-size:28px}.portal-intro{font-size:13px;margin-bottom:27px}.portal-submit{width:calc(100% - 30px);font-size:22px;min-height:57px;margin-top:29px}.portal-submit svg{right:25px}.portal-password-wrap input{font-size:14px}.portal-password-wrap input::placeholder{font-size:12px}.password-lock{width:43px}.password-lock svg{width:18px}.password-visibility{width:42px}.password-visibility svg{width:21px}.portal-password-label{font-size:12px;margin-left:9px;margin-right:9px}.portal-password-label>span{font-size:7px;letter-spacing:1px}.portal-access-note{font-size:9px}}
@media(max-width:420px){.login-page>.wrap{padding:94px 16px 75px}.portal-panel-content{padding:29px 26px 28px}.portal-panel h2{font-size:26px}.portal-title h1{font-size:31px}.portal-title>p{font-size:8px;letter-spacing:2px}.portal-broadcast{width:96px;height:54px}.portal-intro{font-size:12px;margin-bottom:24px}.portal-password-wrap input{height:53px}.portal-submit{min-height:55px;width:calc(100% - 20px);margin-top:27px}.portal-submit svg{right:22px}.portal-brand{left:20px;font-size:11px}.portal-password-wrap input::placeholder{font-size:11px}}
@media(max-width:350px){.portal-title h1{font-size:27px}.portal-panel-content{padding-left:20px;padding-right:20px}.portal-title>p{letter-spacing:1.5px;gap:5px}.portal-title>p>span{width:18px}.portal-password-label>span{font-size:6px}.portal-submit{font-size:20px}.portal-access-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.login-page *{transition:none!important;animation:none!important}}
.portal-panel{clip-path:none;background:none}.portal-panel::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#fff1b8 0%,#be9146 9%,#729aff 18%,#466cda 30%,#dfb567 42%,#fff0b0 50%,#698cee 62%,#6552bd 75%,#ffd77f 90%,#a77b43);clip-path:polygon(7% 0,93% 0,100% 11%,100% 87%,93% 100%,7% 100%,0 87%,0 11%)}
.portal-title.has-company-emblem{padding-top:128px}.portal-crown.company-emblem{top:-20px;left:calc(50% - 105px);width:210px;height:140px;filter:drop-shadow(0 2px 12px #07132dcc)}.login-company-logo{display:block;width:100%;height:100%;object-fit:contain}
@media(max-height:820px) and (min-width:761px){.portal-title.has-company-emblem{padding-top:101px}.portal-crown.company-emblem{top:-9px;left:calc(50% - 75px);width:150px;height:100px}}
@media(max-width:760px){.portal-title.has-company-emblem{padding-top:106px}.portal-crown.company-emblem{top:-12px;left:calc(50% - 82.5px);width:165px;height:110px}}