/* Pusaka Bangsa — Magic Login v6
 * Login page only. Fully self-hosted UI: no CDN, remote font, remote icon, or remote JS.
 */
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins/Poppins-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins/Poppins-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

body.pb-auth-body[data-pb-page="login"]{
 --m-bg:#081523;--m-panel:#0b2947;--m-panel2:#103d69;--m-soft:#133a5d;--m-line:rgba(255,255,255,.105);
 --m-text:#f5f7fb;--m-muted:#9db0c4;--m-subtle:#7b90a6;--m-red:#d85c66;--m-red2:#a92a36;
 --m-gold:#d6a53e;--m-green:#59d99c;--m-control:52px;
 min-height:100dvh;margin:0;overflow-x:hidden;color:var(--m-text);font-family:Poppins,"Segoe UI",system-ui,sans-serif;
 background-color:#07101c!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;
}
body.pb-auth-body[data-pb-page="login"]::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(118deg,rgba(4,18,32,.98),rgba(7,27,47,.93) 50%,rgba(8,22,37,.86))}
body.pb-auth-body[data-pb-page="login"]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 16%,rgba(28,93,153,.25),transparent 26%),radial-gradient(circle at 82% 74%,rgba(214,165,62,.12),transparent 24%)}
body.pb-auth-body[data-pb-page="login"] .pb-auth-main{width:100%;max-width:none!important;min-height:100dvh;margin:0!important;padding:0!important}

.pbm-stage{position:relative;isolation:isolate;display:grid;place-items:center;padding:16px 24px 44px!important}
.pbm-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.pbm-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.pbm-orb{position:absolute;border-radius:50%;filter:blur(6px);opacity:.52;animation:pbm-float 10s ease-in-out infinite}.pbm-orb--a{width:260px;height:260px;left:-90px;top:8%;background:radial-gradient(circle,rgba(28,93,153,.30),transparent 68%)}.pbm-orb--b{width:210px;height:210px;right:-65px;bottom:5%;background:radial-gradient(circle,rgba(214,165,62,.24),transparent 69%);animation-delay:-4s}@keyframes pbm-float{50%{transform:translateY(-14px)}}

.pbm-shell{width:min(1380px,calc(100vw - 36px));height:min(780px,calc(100dvh - 40px));min-height:640px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:34px;background:linear-gradient(120deg,#071a2d 0%,#0a2540 54%,#081a2f 100%);box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}

.pbm-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;padding:50px 56px 40px;overflow:visible;color:#fff;z-index:1}
.pbm-visual::before{content:"";position:absolute;top:0;bottom:0;left:0;right:-170px;z-index:-2;background:linear-gradient(126deg,#0a2744 0%,#103d69 36%,#1c5d99 72%,#0e3357 100%);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.pbm-visual::after{content:"";position:absolute;top:0;bottom:0;left:0;right:-170px;z-index:-1;clip-path:polygon(0 0,100% 0,82% 100%,0 100%);background:linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.03) 58%,rgba(214,165,62,.08) 100%)}
.pbm-brand,.pbm-mobile-brand{display:flex;align-items:center;gap:14px;min-width:0}.pbm-logo{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.24)}.pbm-logo img{width:46px;height:46px;object-fit:contain}.pbm-brand-copy{min-width:0}.pbm-brand-copy strong{display:block;font-size:1rem;line-height:1.2;font-weight:700}.pbm-brand-copy small{display:block;margin-top:5px;max-width:360px;overflow:hidden;color:rgba(255,255,255,.56);font-size:.64rem;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.pbm-hero{align-self:flex-start;max-width:620px;margin:clamp(48px,9vh,92px) 0 0}.pbm-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.pbm-kicker i{color:var(--m-gold)}.pbm-hero h1{margin:18px 0 20px;max-width:650px;font-size:clamp(2.45rem,3.25vw,3.75rem);line-height:1.06;letter-spacing:-.045em;font-weight:700}.pbm-hero h1 span{color:var(--m-gold)}.pbm-hero p{max-width:560px;margin:0;color:rgba(255,255,255,.64);font-size:.9rem;line-height:1.8}
.pbm-visual-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:24px;color:rgba(255,255,255,.45);font-size:.57rem}.pbm-visual-foot>span:first-child{display:flex;align-items:center;gap:7px}.pbm-visual-foot i{color:var(--m-green)}.pbm-pulse{display:inline-flex;align-items:center;gap:8px;color:#bdebcf;font-size:.58rem;font-weight:600;white-space:nowrap}.pbm-pulse::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--m-green);box-shadow:0 0 0 5px rgba(85,211,139,.09)}

.pbm-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:42px 54px 30px;background:linear-gradient(162deg,rgba(7,25,43,.96),rgba(6,22,38,.98));box-shadow:inset 1px 0 rgba(255,255,255,.045);z-index:2}.pbm-panel::before{content:"";position:absolute;inset:0 auto 0 -120px;width:220px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015) 24%,rgba(255,255,255,0));clip-path:polygon(54% 0,58% 0,6% 100%,0 100%);pointer-events:none}.pbm-panel::after{content:"";position:absolute;top:-120px;right:-120px;width:320px;height:320px;border-radius:50%;background:rgba(28,93,153,.12);filter:blur(78px);pointer-events:none}.pbm-mobile-brand{display:none}.pbm-mobile-tagline{display:none}.pbm-form-head,.pbm-context,.pbm-form,.pbm-divider,.pbm-google,.pbm-bottom{position:relative;z-index:1}
.pbm-eyebrow{display:block;margin-bottom:10px;color:#f0b24b;font-size:.62rem;font-weight:700;letter-spacing:.17em}.pbm-form-head h2{margin:0;color:#fff;font-size:1.85rem;line-height:1.15;letter-spacing:-.04em;font-weight:700}.pbm-form-head p{margin:10px 0 0;max-width:520px;color:var(--m-muted);font-size:.72rem;line-height:1.65}
.pbm-context{display:grid;grid-template-columns:.82fr 1.18fr;gap:10px;margin:20px 0 18px}.pbm-context-item{min-width:0;height:60px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:rgba(255,255,255,.035)}.pbm-context-item>i{flex:none;font-size:.9rem}.pbm-context-item:first-child>i{color:#ff8d73}.pbm-context-item:last-child>i{color:#ff6ea8}.pbm-context-item span{min-width:0}.pbm-context-item small,.pbm-context-item strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pbm-context-item small{color:#74869c;font-size:.53rem}.pbm-context-item strong{margin-top:3px;color:#dce5ef;font-size:.62rem;font-weight:600}.pbm-context-item:first-child strong{font-variant-numeric:tabular-nums}
.pbm-field{margin-bottom:14px}.pbm-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.pbm-label-row label{margin:0;color:#d3dbe5;font-size:.63rem;font-weight:600}.pbm-label-row label span{color:#e77f87}.pbm-label-row small{display:inline-flex;align-items:center;gap:5px;color:#6e8096;font-size:.52rem;white-space:nowrap}.pbm-label-row small i{color:var(--m-green)}
.pbm-input-wrap{width:100%;height:var(--m-control);display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#10253c;transition:border-color .18s,box-shadow .18s,background .18s}.pbm-input-wrap:focus-within{border-color:rgba(214,165,62,.70);background:#122b45;box-shadow:0 0 0 4px rgba(214,165,62,.10)}.pbm-input-icon{width:48px;flex:0 0 48px;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.075)}.pbm-field:nth-of-type(1) .pbm-input-icon{color:#7db9ff}.pbm-field:nth-of-type(2) .pbm-input-icon{color:#a98bff}.pbm-input-wrap input{min-width:0;width:100%;height:100%;flex:1;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;color:var(--m-text)!important;-webkit-text-fill-color:var(--m-text)!important;padding:0 14px!important;box-shadow:none!important;font:500 .73rem Poppins,sans-serif!important;caret-color:#fff}.pbm-input-wrap input::placeholder{color:#63758a!important;-webkit-text-fill-color:#63758a!important;opacity:1}.pbm-input-wrap input:-webkit-autofill,.pbm-input-wrap input:-webkit-autofill:hover,.pbm-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--m-text)!important;box-shadow:0 0 0 1000px #10253c inset!important;-webkit-box-shadow:0 0 0 1000px #10253c inset!important;transition:background-color 9999s ease-out 0s}.pbm-pass-toggle{width:50px;height:100%;flex:0 0 50px;display:grid;place-items:center;margin:0;border:0;border-left:1px solid rgba(255,255,255,.075);border-radius:0;background:transparent;color:#ffd56b;transition:.18s}.pbm-pass-toggle:hover,.pbm-pass-toggle:focus-visible{background:rgba(255,255,255,.045);color:#fff3c2}
.pbm-captcha{margin:0 0 13px;padding:12px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:rgba(255,255,255,.025)}.pbm-captcha .pbm-label-row{margin-bottom:9px}.pbm-captcha .pbm-label-row small i{color:#62e7a2}.pbm-captcha-row{display:grid;grid-template-columns:128px minmax(0,1fr) 44px;gap:8px;align-items:center}.pbm-captcha-image,.pbm-captcha-refresh,.pbm-captcha-row input{height:44px;border:1px solid rgba(255,255,255,.10);border-radius:11px}.pbm-captcha-image{display:block;padding:0;overflow:hidden;background:#fff}.pbm-captcha-image img{display:block;width:100%;height:100%;object-fit:cover}.pbm-captcha-row input{min-width:0;width:100%;outline:0;background:#10253c;color:#fff;-webkit-text-fill-color:#fff;padding:0 12px;font:500 .67rem Poppins,sans-serif}.pbm-captcha-row input::placeholder{color:#66788d;-webkit-text-fill-color:#66788d}.pbm-captcha-row input:focus{border-color:rgba(216,92,102,.60);box-shadow:0 0 0 3px rgba(216,92,102,.08)}.pbm-captcha-row input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #10253c inset!important}.pbm-captcha-refresh{display:grid;place-items:center;padding:0;background:#142132;color:#73d8ff;transition:.18s}.pbm-captcha-refresh:hover{background:#19283a;color:#d6f5ff}.pbm-captcha-refresh.is-spin i{animation:pbm-spin .45s ease}@keyframes pbm-spin{to{transform:rotate(360deg)}}
.pbm-captcha-image:focus-visible,.pbm-captcha-refresh:focus-visible,.pbm-tool:focus-visible,.pbm-submit:focus-visible,.pbm-google:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:2px}
.pbm-form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.pbm-check{display:inline-flex;align-items:center;gap:8px;color:#8293a7;font-size:.58rem;cursor:pointer}.pbm-check input{width:15px;height:15px;margin:0;accent-color:var(--m-red2)}.pbm-session-safe{display:inline-flex;align-items:center;gap:6px;color:#788b9f;font-size:.55rem}.pbm-session-safe i{color:var(--m-green)}
.pbm-submit{position:relative;width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:11px;overflow:hidden;border:0;border-radius:15px;background:linear-gradient(105deg,#ac2834 0%,#8d3341 26%,#168499 68%,#4f816e 100%);color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.18);font:700 .69rem Poppins,sans-serif;transition:transform .18s,filter .18s,box-shadow .18s}.pbm-submit::after{content:"";position:absolute;inset:-100% auto -100% -40%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transition:left .5s}.pbm-submit:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 18px 38px rgba(0,0,0,.24)}.pbm-submit:hover::after{left:120%}.pbm-submit:disabled{opacity:.7;transform:none;cursor:wait}
.pbm-divider{display:flex;align-items:center;gap:12px;margin:16px 0}.pbm-divider::before,.pbm-divider::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.075)}.pbm-divider span{color:#63758a;font-size:.51rem}.pbm-google{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.03);color:#dce5ee;text-decoration:none;font-size:.65rem;font-weight:600;transition:.18s}.pbm-google i{color:#7db9ff}.pbm-google:hover{color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16)}
.pbm-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;margin-top:16px;border-top:1px solid rgba(255,255,255,.075)}.pbm-tools{display:flex;gap:7px}.pbm-tool{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);transition:.18s}.pbm-tool:nth-child(1){color:#ff7fb0}.pbm-tool:nth-child(2){color:#79c9ff}.pbm-tool:nth-child(3){color:#6be5a0}.pbm-tool:nth-child(4){color:#ffc869}.pbm-tool:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);filter:brightness(1.08)}.pbm-tool .pb-cache-badge{position:absolute;top:-3px;right:-3px;width:9px;height:9px;display:none;border:2px solid #101b2b;border-radius:50%;background:#ef4c56}.pbm-tool.has-update .pb-cache-badge{display:block}.pbm-timeout{display:flex;align-items:center;gap:7px;color:#687b90;font-size:.52rem;text-align:right}.pbm-timeout i{color:#ffd56b}
body.pb-auth-body[data-pb-page="login"] .pb-auth-footer{position:fixed;left:0;right:0;bottom:8px;z-index:5;padding:0!important;background:transparent!important;pointer-events:none}body.pb-auth-body[data-pb-page="login"] .pb-auth-footer small{display:inline!important;color:rgba(255,255,255,.32)!important;font-size:.51rem!important;line-height:1!important}body.pb-auth-body[data-pb-page="login"] .pb-auth-footer small+small::before{content:" · ";margin:0 5px;color:rgba(255,255,255,.2)}body.pb-auth-body[data-pb-page="login"] .pb-auth-footer a{color:rgba(255,255,255,.40)!important;pointer-events:auto}

/* Mid-size laptop: preserve two columns but reduce density. */
@media (max-width:1280px){.pbm-shell{grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);height:min(760px,calc(100dvh - 32px));min-height:620px}.pbm-visual{padding:42px 44px 36px}.pbm-hero{margin-top:44px}.pbm-hero h1{font-size:clamp(2.7rem,4.1vw,3.7rem)}.pbm-panel{padding:36px 40px}.pbm-form-head h2{font-size:1.72rem}}

/* Tablet: purpose-built single-card composition; decorative desktop story is removed. */
@media (max-width:1024px){
 body.pb-auth-body[data-pb-page="login"]{background-attachment:scroll!important}.pbm-stage{display:block;padding:24px 20px 58px!important}.pbm-shell{width:min(720px,100%);height:auto;min-height:0;margin:0 auto;display:block;border-radius:28px}.pbm-visual{display:none}.pbm-panel{padding:34px 42px 38px;box-shadow:none}.pbm-mobile-brand{display:flex;margin-bottom:14px}.pbm-mobile-tagline{display:block;margin:0 0 26px;color:var(--m-muted);font-size:.68rem;line-height:1.65}.pbm-mobile-brand .pbm-brand-copy{flex:1}.pbm-mobile-brand .pbm-pulse{margin-left:auto}.pbm-form-head h2{font-size:1.9rem}.pbm-form-head p{font-size:.76rem}.pbm-context{margin:20px 0}.pbm-context-item{height:64px}.pbm-input-wrap{--m-control:54px}.pbm-captcha-row{grid-template-columns:132px minmax(0,1fr) 46px}.pbm-captcha-image,.pbm-captcha-refresh,.pbm-captcha-row input{height:46px}
 body.pb-auth-body[data-pb-page="login"] .pb-auth-footer{position:static;padding:12px 12px 18px!important;text-align:center}
}

/* Mobile: one-column UI, edge-safe controls, no desktop sizing leakage. */
@media (max-width:767px){
 body.pb-auth-body[data-pb-page="login"]::before{background:linear-gradient(180deg,rgba(5,11,19,.84),rgba(5,12,21,.98))}.pbm-stage{padding:0 0 28px!important}.pbm-grid{display:none}.pbm-orb--a{width:140px;height:140px;left:-65px;top:6%}.pbm-orb--b{width:110px;height:110px;right:-45px}.pbm-shell{width:100%;border-width:0 0 1px;border-radius:0;background:#0b2947;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.pbm-panel{min-height:100dvh;padding:28px max(22px,env(safe-area-inset-right)) 32px max(22px,env(safe-area-inset-left));justify-content:flex-start;background:linear-gradient(160deg,#0b2947,#081a2f)}.pbm-mobile-brand{margin-bottom:12px}.pbm-mobile-tagline{margin-bottom:28px;font-size:.64rem;line-height:1.6}.pbm-mobile-brand .pbm-logo{width:54px;height:54px;flex-basis:54px;border-radius:16px}.pbm-mobile-brand .pbm-logo img{width:43px;height:43px}.pbm-mobile-brand .pbm-brand-copy strong{font-size:.86rem}.pbm-mobile-brand .pbm-brand-copy small{max-width:230px;font-size:.55rem}.pbm-eyebrow{margin-bottom:12px;font-size:.59rem}.pbm-form-head h2{font-size:1.75rem;line-height:1.18}.pbm-form-head p{margin-top:10px;font-size:.69rem;line-height:1.65}.pbm-context{gap:9px;margin:21px 0 24px}.pbm-context-item{height:62px;padding:0 11px}.pbm-context-item small{font-size:.51rem}.pbm-context-item strong{font-size:.59rem}.pbm-field{margin-bottom:16px}.pbm-label-row{margin-bottom:8px}.pbm-label-row label{font-size:.61rem}.pbm-label-row small{font-size:.50rem}.pbm-input-wrap{--m-control:56px;border-radius:15px}.pbm-input-icon{width:54px;flex-basis:54px}.pbm-pass-toggle{width:54px;flex-basis:54px}.pbm-input-wrap input{font-size:.72rem!important}.pbm-captcha{margin-bottom:14px;padding:12px;border-radius:16px}.pbm-captcha-row{grid-template-columns:132px minmax(0,1fr) 46px;gap:8px}.pbm-captcha-image,.pbm-captcha-refresh,.pbm-captcha-row input{height:48px}.pbm-form-meta{margin-bottom:16px}.pbm-submit{height:56px;border-radius:16px;font-size:.69rem}.pbm-divider{margin:18px 0}.pbm-google{height:52px;border-radius:15px;font-size:.66rem}.pbm-bottom{margin-top:18px;padding-top:16px}.pbm-tool{width:38px;height:38px}.pbm-timeout{font-size:.50rem}
 body.pb-auth-body[data-pb-page="login"] .pb-auth-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))!important;background:#081422!important}
}

/* Narrow phones: CAPTCHA switches to a clean 2-row layout instead of squeezing. */
@media (max-width:430px){
 .pbm-panel{padding-left:18px;padding-right:18px}.pbm-mobile-brand{margin-bottom:28px}.pbm-mobile-brand .pbm-brand-copy small{max-width:185px}.pbm-mobile-brand .pbm-pulse{font-size:0;gap:0}.pbm-form-head h2{font-size:1.58rem}.pbm-context{grid-template-columns:1fr 1fr}.pbm-context-item{height:58px;padding:0 9px}.pbm-context-item>i{display:none}.pbm-context-item strong{font-size:.55rem}.pbm-label-row small{max-width:42%;overflow:hidden;text-overflow:ellipsis}.pbm-captcha-row{grid-template-columns:minmax(0,1fr) 46px;grid-template-areas:"image refresh" "input input"}.pbm-captcha-image{grid-area:image;width:100%}.pbm-captcha-refresh{grid-area:refresh}.pbm-captcha-row input{grid-area:input}.pbm-captcha-image,.pbm-captcha-refresh,.pbm-captcha-row input{height:46px}.pbm-bottom{align-items:center}.pbm-timeout span{display:none}
}

/* Very narrow devices. */
@media (max-width:350px){.pbm-panel{padding-left:14px;padding-right:14px}.pbm-mobile-brand .pbm-logo{width:48px;height:48px;flex-basis:48px}.pbm-mobile-brand .pbm-logo img{width:38px;height:38px}.pbm-mobile-brand .pbm-brand-copy small{max-width:150px}.pbm-context{grid-template-columns:1fr}.pbm-context-item:nth-child(2){display:none}.pbm-form-meta{align-items:flex-start;flex-direction:column;gap:8px}.pbm-label-row small{display:none}}

/* Low-height desktop/landscape: compact vertically without breaking widths. */
@media (min-width:1025px) and (max-height:760px){.pbm-stage{padding-top:10px!important;padding-bottom:24px!important}.pbm-shell{height:calc(100dvh - 28px);min-height:610px}.pbm-visual{padding:36px 42px 28px}.pbm-hero{margin-top:28px}.pbm-hero h1{font-size:3rem;margin:14px 0}.pbm-panel{padding-top:28px;padding-bottom:24px}.pbm-context{margin:14px 0}.pbm-field{margin-bottom:10px}.pbm-captcha{padding:9px;margin-bottom:10px}.pbm-form-meta{margin-bottom:10px}.pbm-divider{margin:11px 0}.pbm-bottom{margin-top:11px;padding-top:11px}}
@media (prefers-reduced-motion:reduce){.pbm-orb,.pbm-captcha-refresh.is-spin i{animation:none}.pbm-submit,.pbm-tool,.pbm-google,.pbm-input-wrap{transition:none}.pbm-submit::after{display:none}}

/* v10 visual tuning: bright icon accents on dark UI + white login button */
.pbm-kicker i{color:#ffd86e}
.pbm-label-row small i{color:#6be5a0}
.pbm-session-safe i{color:#67e6a1}
.pbm-visual-foot i{color:#67e6a1}
.pbm-submit{border:1px solid rgba(255,255,255,.88)!important;background:#fff!important;color:#0c1726!important;box-shadow:0 14px 32px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.2) inset!important}
.pbm-submit i{color:#ff7d68!important}.pbm-submit::after{background:linear-gradient(90deg,transparent,rgba(12,23,38,.08),transparent)!important}.pbm-submit:hover{filter:brightness(1.02)!important}
.pbm-google i{color:#7db9ff}
.pbm-tool:nth-child(1){color:#ff7fb0}.pbm-tool:nth-child(2){color:#79c9ff}.pbm-tool:nth-child(3){color:#6be5a0}.pbm-tool:nth-child(4){color:#ffc869}


/* v15: stronger diagonal seam + Poldagri palette */
@media (min-width:1025px){
  .pbm-shell{background:linear-gradient(125deg,#071b31 0%,#0b2947 55%,#071a2d 100%)}
  .pbm-visual::before,.pbm-visual::after{right:-210px;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}
  .pbm-visual::before{background:linear-gradient(124deg,#09223c 0%,#103d69 28%,#1c5d99 62%,#174d82 100%)}
  .pbm-panel{background:linear-gradient(160deg,rgba(6,24,41,.98),rgba(5,20,34,.98))}
  .pbm-panel::before{inset:0 auto 0 -145px;width:250px;clip-path:polygon(58% 0,62% 0,5% 100%,0 100%)}
}

/* v16: true diagonal split — one shell background, no vertical panel seam */
@media (min-width:1025px){
  .pbm-shell{
    position:relative;
    isolation:isolate;
    grid-template-columns:minmax(0,1.02fr) minmax(520px,1fr);
    background:#061a2d!important;
  }
  .pbm-shell::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:linear-gradient(128deg,#09223c 0%,#103d69 34%,#1c5d99 72%,#174d82 100%);
    clip-path:polygon(0 0,64% 0,30% 100%,0 100%);
    pointer-events:none;
  }
  .pbm-shell::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(214,165,62,.12));
    clip-path:polygon(64% 0,64.45% 0,30.45% 100%,30% 100%);
    opacity:.55;
    pointer-events:none;
  }
  .pbm-visual,
  .pbm-panel{
    background:transparent!important;
    box-shadow:none!important;
  }
  .pbm-visual::before,
  .pbm-visual::after,
  .pbm-panel::before{
    display:none!important;
  }
  .pbm-panel::after{
    z-index:-1;
  }
}


/* v17: extra-extreme end-to-end diagonal */
@media (min-width:1025px){
  .pbm-shell{grid-template-columns:minmax(0,1.02fr) minmax(520px,1fr)}
  .pbm-shell::before{clip-path:polygon(0 0,64% 0,30% 100%,0 100%)}
  .pbm-shell::after{clip-path:polygon(64% 0,64.45% 0,30.45% 100%,30% 100%);opacity:.62}
}


/* v18: glass reveal control + animated login panel */
.pbm-login-toggle{display:none}
@media (min-width:1025px){
  .pbm-login-toggle{
    position:absolute;
    left:calc(47% - 30px);
    top:50%;
    z-index:20;
    width:60px;
    height:60px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
    color:#fff;
    box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.22);
    backdrop-filter:blur(16px) saturate(145%);
    -webkit-backdrop-filter:blur(16px) saturate(145%);
    transform:translateY(-50%);
    transition:transform .42s cubic-bezier(.2,.82,.2,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;
  }
  .pbm-login-toggle::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    pointer-events:none;
  }
  .pbm-login-toggle i{font-size:1.18rem;line-height:1;transition:transform .5s cubic-bezier(.2,.82,.2,1);text-shadow:0 2px 12px rgba(0,0,0,.35)}
  .pbm-login-toggle:hover{background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.09));border-color:rgba(214,165,62,.72);box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 0 5px rgba(214,165,62,.08)}
  .pbm-login-toggle:focus-visible{outline:3px solid rgba(255,255,255,.88);outline-offset:4px}
  .pbm-shell.pbm-login-open .pbm-login-toggle i{transform:rotate(180deg)}
  .pbm-panel{
    transform:translateX(0);
    opacity:1;
    visibility:visible;
    filter:none;
    transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .42s ease,filter .5s ease,visibility 0s linear 0s;
    will-change:transform,opacity,filter;
  }
  .pbm-shell.pbm-login-closed .pbm-panel{
    transform:translateX(-190px);
    opacity:0;
    visibility:hidden;
    filter:blur(12px);
    pointer-events:none;
    transition:transform .62s cubic-bezier(.7,0,.84,0),opacity .34s ease,filter .4s ease,visibility 0s linear .62s;
  }
  .pbm-shell.pbm-login-open .pbm-panel{pointer-events:auto}
}
@media (max-width:1024px){
  .pbm-login-toggle{display:none!important}
  .pbm-shell.pbm-login-closed .pbm-panel,.pbm-shell.pbm-login-open .pbm-panel{opacity:1;visibility:visible;transform:none;filter:none;pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){
  .pbm-login-toggle,.pbm-login-toggle i,.pbm-panel{transition:none!important}
  .pbm-shell.pbm-login-closed .pbm-panel{transform:none}
}

/* v19: reveal login surface and form as one unit.
 * The shell underneath uses the visual-side blue, while the login panel owns
 * its dark surface. Therefore hiding .pbm-panel also hides its background.
 */
@media (min-width:1025px){
  .pbm-shell{
    background:#09223c!important;
  }
  .pbm-panel{
    isolation:isolate;
    background:linear-gradient(160deg,rgba(6,24,41,.985),rgba(5,20,34,.99))!important;
    box-shadow:inset 1px 0 rgba(255,255,255,.045)!important;
  }
}

/* v20: keep the login background fully hidden on first load.
 * In the closed state, collapse the login column so the dark login surface
 * does not appear at all. It only appears together with the form when opened.
 */
@media (min-width:1025px){
  .pbm-shell{
    transition:grid-template-columns .68s cubic-bezier(.16,1,.3,1),background .38s ease;
  }
  .pbm-shell.pbm-login-open{
    grid-template-columns:minmax(0,1.02fr) minmax(520px,1fr);
    background:#09223c!important;
  }
  .pbm-shell.pbm-login-closed{
    grid-template-columns:minmax(0,1fr) 0px;
    background:linear-gradient(128deg,#09223c 0%,#103d69 36%,#1c5d99 74%,#174d82 100%)!important;
  }
  .pbm-shell.pbm-login-closed::before{
    clip-path:polygon(0 0,100% 0,66% 100%,0 100%);
  }
  .pbm-shell.pbm-login-closed::after{
    clip-path:polygon(100% 0,100% 0,66.35% 100%,66% 100%);
    opacity:.52;
  }
  .pbm-shell.pbm-login-open::before{
    clip-path:polygon(0 0,64% 0,30% 100%,0 100%);
  }
  .pbm-shell.pbm-login-open::after{
    clip-path:polygon(64% 0,64.45% 0,30.45% 100%,30% 100%);
    opacity:.62;
  }
  .pbm-login-toggle{
    transition:left .68s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.2,.82,.2,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;
  }
  .pbm-shell.pbm-login-closed .pbm-login-toggle{
    left:calc(100% - 86px);
  }
  .pbm-shell.pbm-login-open .pbm-login-toggle{
    left:calc(47% - 30px);
  }
  .pbm-panel{
    min-width:0;
    width:100%;
    overflow:hidden;
    transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .42s ease,filter .5s ease,visibility 0s linear 0s,padding .68s cubic-bezier(.16,1,.3,1);
  }
  .pbm-shell.pbm-login-closed .pbm-panel{
    padding-left:0;
    padding-right:0;
    transform:none;
    opacity:0;
    visibility:hidden;
    filter:none;
    box-shadow:none!important;
    pointer-events:none;
    transition:opacity .24s ease,visibility 0s linear .24s,padding .68s cubic-bezier(.16,1,.3,1);
  }
  .pbm-shell.pbm-login-open .pbm-panel{
    padding-left:54px;
    padding-right:54px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
}