/* Tampilan sesuai gambar acuan eArsip BKPSDM */
:root{--ref-navy:#08203d;--ref-blue:#087bf1;--ref-line:#dce6f2;--ref-text:#143257}
.ref-login{padding:0!important;overflow:auto!important;background:#dceefe!important}.ref-login:before{background:transparent!important}.ref-login .login-shell{transform:none!important;width:100%!important;max-width:none!important;height:100vh!important;min-height:680px!important;max-height:none!important;border-radius:0!important;display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(390px,.78fr)!important;box-shadow:none!important;border:0!important;overflow:hidden}.ref-login .brand-panel{display:flex!important;min-height:100%!important;padding:32px 7% 26px!important;background:linear-gradient(90deg,rgba(4,37,70,.12),rgba(5,53,91,.03)),url('images/natuna-bg.jpg') center/cover no-repeat!important;position:relative;color:#fff}.ref-login .brand-panel:before{background:linear-gradient(180deg,rgba(4,37,73,.02) 25%,rgba(1,28,53,.87) 100%)!important}.ref-login .brand-panel:after{content:"";position:absolute;right:-150px;bottom:-200px;width:440px;height:720px;border:42px solid #087ff2;border-radius:52% 0 0 0;transform:rotate(35deg);opacity:.95;z-index:0}.ref-login .login-logos{position:relative;z-index:2;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;gap:34px}.ref-login .login-logos>span{display:flex;align-items:center;gap:10px;color:#09264d}.ref-login .login-logos img{height:55px!important;max-width:180px!important;object-fit:contain}.ref-login .login-logos>span img{width:45px}.ref-login .login-logos b{font-size:18px;line-height:1}.ref-login .login-logos small{display:block;font-size:11px;letter-spacing:1px;margin-top:4px}.brand-copy{position:relative;z-index:1;margin-top:auto}.brand-copy h1{font-size:52px!important;line-height:1.05;margin:0 0 20px!important;text-shadow:0 2px 12px rgba(0,0,0,.25)}.brand-copy p{font-size:16px!important;line-height:1.65;max-width:560px!important}.ref-login .login-features{margin:25px 0 0;max-width:640px}.ref-login .login-features div{border:0;background:transparent;text-align:left;padding:0}.ref-login .login-features b{margin:0 0 8px;width:58px;height:58px;font-size:27px;background:linear-gradient(145deg,#1687ff,#0966de);box-shadow:0 8px 20px rgba(0,57,133,.3)}.ref-login .login-features div:nth-child(2) b{background:linear-gradient(145deg,#23cf84,#08a968)}.ref-login .login-features div:nth-child(3) b{background:linear-gradient(145deg,#ffbd42,#ff971c)}.ref-login .login-features div:nth-child(4) b{background:linear-gradient(145deg,#9b5ff0,#7136d7)}.ref-login .login-features span{font-size:11px;font-weight:700}.brand-panel blockquote{position:relative;z-index:1;margin:32px 0 0;font-style:italic}.natuna-sign{position:relative;z-index:1;font:italic 42px cursive;color:#4ab6ff}.natuna-sign small{font:13px sans-serif;margin-left:30px;color:#d8efff}.ref-login .login-card{padding:42px 48px!important;margin:38px 52px 38px 0;border-radius:23px!important;align-self:center;min-height:0!important;max-height:none!important;overflow:visible!important;box-shadow:0 18px 55px rgba(20,70,120,.22)}.ref-login .login-card h2{font-size:30px!important;text-align:center;margin:0!important}.ref-login .login-card h3{font-size:12px;text-align:center;color:#087bf1;margin:5px 0 8px}.ref-login .login-card .muted{text-align:center;font-size:11px!important;margin:0 0 22px!important}.ref-login .icon-field{height:46px;border:1px solid #d9e2ed;border-radius:8px;display:flex;align-items:center;margin:12px 0!important;padding:0 12px;box-shadow:0 2px 8px rgba(20,56,94,.04)}.ref-login .icon-field span{color:#244c79}.ref-login .icon-field input{border:0!important;box-shadow:none!important;height:44px!important;margin:0!important;padding:0 12px!important;font-size:12px!important}.ref-login .security-code-box{margin:12px 0!important;padding:9px 13px!important;background:#eef6ff;border:1px dashed #afcfee}.ref-login .security-code-box strong{font-size:16px!important;letter-spacing:6px!important}.ref-login .security-code-box a{font-size:11px!important}.ref-login .login-card button{height:46px!important;margin:0!important;font-size:12px!important}.ref-login .or{text-align:center;color:#8ca0b6;font-size:11px;margin:9px 0}.ref-login .login-wa{margin:0!important;padding:12px!important;font-size:11px!important}.ref-login .copyright{text-align:center!important;font-size:9px!important;margin:16px 0 0!important;color:#8799ad}
aside .logo>b{background:transparent!important;padding:0}aside .logo>b img{width:36px;height:42px;object-fit:contain}.header-greeting{display:flex;flex-direction:column;min-width:320px}.header-greeting b{font-size:13px;color:#16375d}.header-greeting small{font-size:10px;color:#718399;margin-top:2px}.header-title{display:none}.app header{gap:20px}.app header:after{content:"Cari arsip, file, kegiatan, atau pengguna...";height:38px;line-height:38px;border:1px solid #dbe5f0;border-radius:8px;color:#8ca0b6;font-size:11px;padding:0 16px;margin-left:auto;width:min(340px,30vw)}.private-hero{display:none}.archive-summary{margin-top:0}.summary-card:first-child{background:linear-gradient(135deg,#eef6ff,#dcecff)}.summary-card:nth-child(2){background:linear-gradient(135deg,#effcf7,#dff7ec)}.summary-card:nth-child(3){background:linear-gradient(135deg,#fff9ed,#ffedc8)}.summary-card:nth-child(4){background:linear-gradient(135deg,#f5f0ff,#e8ddff)}.upload-choice{float:right;margin:-58px 8px 12px;position:relative;z-index:2}.upload-pane{clear:both}.panel>.panel-title h3{font-size:21px}.panel>.panel-title h3:after{content:"Kelola dan akses arsip dokumen sesuai kebutuhan.";display:block;font-size:11px;font-weight:400;color:#7a8ca2;margin-top:3px}.archive-filter{clear:both}.table-wrap table{font-size:11px}.table-wrap th{color:#48617e;font-size:10px}.table-sub{display:block;color:#6f839b;margin-top:3px}
@media(max-width:1050px){.ref-login .login-shell{grid-template-columns:1fr!important;height:auto!important}.ref-login .brand-panel{min-height:540px!important}.ref-login .login-card{margin:25px!important}.app header:after{display:none}}@media(max-width:700px){.ref-login .brand-panel{min-height:460px!important;padding:24px!important}.ref-login .login-logos{gap:10px;flex-wrap:wrap}.ref-login .login-logos img{height:38px!important}.brand-copy h1{font-size:38px!important}.brand-panel blockquote,.natuna-sign{display:none}.ref-login .login-card{padding:28px 22px!important;margin:16px!important}.header-greeting{min-width:0}.archive-summary{grid-template-columns:1fr 1fr}.upload-choice{float:none;margin:0 0 12px;display:flex}.upload-tab{flex:1}}

/* Form upload modern: seluruh field dan fungsi lama tetap dipertahankan */
.modern-upload-card{padding:0!important;overflow:hidden;border:0!important;background:#fff;box-shadow:0 18px 45px rgba(30,72,123,.12)!important}.modern-upload-head{display:flex;align-items:center;gap:14px;padding:20px 23px;color:#fff;background:linear-gradient(115deg,#087cf0,#6358e8 62%,#9e43dc)}.modern-upload-head.media{background:linear-gradient(115deg,#f68a30,#ec4b91 58%,#874ee8)}.modern-upload-head h3{margin:0!important;color:#fff;font-size:20px}.modern-upload-head p{margin:4px 0 0;color:rgba(255,255,255,.88);font-size:11px}.modern-upload-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.2);font-size:23px;font-weight:800}.modern-upload-card>.info-box{margin:18px 22px 0!important;padding:11px 14px!important;background:linear-gradient(90deg,#eaf5ff,#f4efff)!important;border:0!important;color:#536d89}.modern-upload-card .form-grid{padding:19px 22px 22px;gap:14px 16px}.modern-upload-card .form-grid label{color:#1d3c62;font-weight:800}.modern-upload-card .form-grid input,.modern-upload-card .form-grid select{border:1px solid #d7e3ef;border-radius:11px;background:#fff;min-height:44px;transition:.18s}.modern-upload-card .form-grid input:focus,.modern-upload-card .form-grid select:focus{border-color:#3986ef;box-shadow:0 0 0 3px rgba(57,134,239,.12);outline:0}.modern-upload-card .form-grid input[readonly]{background:#f3f7fb;color:#647b93}.modern-upload-card .form-grid small{color:#788ca3;margin-top:5px}.modern-upload-card .file-drop{border:1.5px dashed #78abe5!important;border-radius:14px!important;background:linear-gradient(110deg,#f1f9ff,#f9f4ff)!important;padding:16px!important}.modern-upload-card input[type=file]{padding:9px;background:#fff}.modern-upload-card input[type=file]::file-selector-button{border:0;border-radius:8px;padding:8px 12px;margin-right:12px;color:#fff;background:linear-gradient(100deg,#13ae9e,#3986f4);font-weight:700}.modern-upload-card .form-grid>button{min-height:45px;border:0;border-radius:11px;color:#fff;background:linear-gradient(100deg,#087cf0,#7657e8);box-shadow:0 8px 18px rgba(55,105,220,.23);font-weight:800}.modern-upload-card .form-grid>button:disabled{opacity:.55;box-shadow:none}.upload-choice{background:linear-gradient(90deg,#eaf4ff,#f3edff)!important}.upload-tab.active{color:#fff!important;background:linear-gradient(100deg,#087cf0,#7657e8)!important}
@media(max-width:700px){.modern-upload-head{padding:17px}.modern-upload-card>.info-box{margin:14px 15px 0!important}.modern-upload-card .form-grid{padding:15px}.modern-upload-card .form-grid{grid-template-columns:1fr}.modern-upload-card .span-2{grid-column:auto}}
.preset-filter{display:grid;grid-template-columns:minmax(260px,1fr) 210px auto auto;gap:9px;margin:16px 0}.preset-filter input,.preset-filter select,.preset-filter button{height:44px}.preset-search{position:relative}.preset-search span{position:absolute;left:13px;top:11px;color:#7690aa}.preset-search input{width:100%;padding-left:35px}.preset-filter .btn-reset{display:flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid #dbe5ef;border-radius:9px;color:#59718a;text-decoration:none;background:#fff}.archive-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;flex-wrap:wrap}.pagination-info{font-size:12px;color:#70849b}.pagination-links{display:flex;gap:6px;flex-wrap:wrap}.pagination-links a{min-width:35px;height:35px;padding:0 11px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe5ef;border-radius:8px;text-decoration:none;color:#385776;background:#fff}.pagination-links a.active,.pagination-links a:hover{background:linear-gradient(100deg,#087cf0,#7657e8);border-color:transparent;color:#fff}.preset-filter button{border:0;border-radius:9px;padding:0 19px;color:#fff;background:linear-gradient(100deg,#087cf0,#7657e8);font-weight:700}@media(max-width:700px){.preset-filter{grid-template-columns:1fr}.preset-filter .btn-reset{height:42px}}

/* eArsip Login Refresh 2026 - clean professional layout with orange accent */
.ref-login{min-height:100vh!important;padding:0!important;overflow:auto!important;background:#eaf3fb!important;position:relative}
.ref-login:before{content:""!important;position:fixed!important;inset:0!important;background:linear-gradient(115deg,rgba(2,31,62,.42),rgba(4,71,125,.10) 55%,rgba(255,255,255,.08))!important;z-index:0!important;pointer-events:none!important}
.ref-login .login-shell{position:relative!important;z-index:1!important;width:100%!important;max-width:none!important;height:100vh!important;min-height:680px!important;max-height:none!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(420px,.72fr)!important;gap:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;transform:none!important;background:transparent!important;box-shadow:none!important}
.ref-login .brand-panel{position:relative!important;min-height:100%!important;padding:42px clamp(34px,6vw,92px) 34px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;overflow:hidden!important;color:#fff!important;background:linear-gradient(105deg,rgba(3,31,62,.35),rgba(5,59,106,.16)),url('images/natuna-bg.jpg') center center/cover no-repeat!important}
.ref-login .brand-panel:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(3,27,55,.20) 0%,rgba(2,32,58,.12) 38%,rgba(1,25,48,.72) 100%)!important;z-index:0!important;pointer-events:none!important}
.ref-login .brand-panel:after{content:""!important;position:absolute!important;right:-190px!important;bottom:-260px!important;width:570px!important;height:570px!important;border:34px solid rgba(255,128,27,.94)!important;border-radius:50%!important;box-shadow:0 0 0 17px rgba(255,255,255,.18),0 0 0 35px rgba(255,128,27,.22)!important;transform:rotate(-20deg)!important;z-index:0!important;pointer-events:none!important}
.ref-login .login-logos{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:20px!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;flex-wrap:wrap!important}
.ref-login .login-logos>img{height:48px!important;width:auto!important;max-width:150px!important;object-fit:contain!important;background:rgba(255,255,255,.96)!important;border-radius:9px!important;padding:4px 7px!important;box-shadow:0 7px 22px rgba(0,0,0,.16)!important}
.ref-login .login-logos .agency-logo{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important}
.ref-login .login-logos .agency-logo img{width:43px!important;height:50px!important;object-fit:contain!important;background:transparent!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
.ref-login .login-logos .agency-logo b{font-size:16px!important;line-height:1.05!important;text-shadow:0 1px 8px rgba(0,0,0,.22)!important}
.ref-login .login-logos .agency-logo small{display:block!important;font-size:9px!important;letter-spacing:1px!important;margin-top:4px!important;opacity:.9!important}
.ref-login .brand-copy{position:relative!important;z-index:2!important;margin-top:auto!important;margin-bottom:0!important;max-width:700px!important}
.ref-login .brand-kicker{display:block!important;font-size:15px!important;letter-spacing:1.5px!important;font-weight:900!important;color:#ff9a38!important;margin-bottom:6px!important}
.ref-login .brand-copy h1{font-size:clamp(42px,4.3vw,64px)!important;line-height:.98!important;letter-spacing:-1.8px!important;margin:0 0 20px!important;color:#fff!important;text-shadow:0 4px 20px rgba(0,0,0,.28)!important}
.ref-login .brand-copy h1 em{font-style:normal!important;color:#ff932f!important}
.ref-login .brand-copy h1 span{font-size:.55em!important;letter-spacing:-.5px!important}
.ref-login .brand-copy p{max-width:600px!important;margin:0!important;font-size:15px!important;line-height:1.65!important;color:#f0f6fc!important;text-shadow:0 2px 10px rgba(0,0,0,.28)!important}
.ref-login .login-features{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(105px,1fr))!important;gap:14px!important;margin:28px 0 0!important;max-width:700px!important}
.ref-login .login-features div{padding:0!important;background:transparent!important;border:0!important;text-align:center!important}
.ref-login .login-features b{width:54px!important;height:54px!important;margin:0 auto 8px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:24px!important;color:#fff!important;background:#147be7!important;box-shadow:0 8px 18px rgba(0,38,92,.3)!important}
.ref-login .login-features div:nth-child(2) b{background:#14aa62!important}.ref-login .login-features div:nth-child(3) b{background:#ff962d!important}.ref-login .login-features div:nth-child(4) b{background:#7850dc!important}
.ref-login .login-features span{font-size:10px!important;font-weight:800!important;line-height:1.3!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.35)!important}
.ref-login .brand-bottom{position:relative!important;z-index:2!important;display:flex!important;justify-content:space-between!important;align-items:end!important;margin-top:28px!important;max-width:700px!important}
.ref-login .natuna-sign{position:relative!important;z-index:2!important;margin:0!important;font:italic 38px cursive!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.3)!important}
.ref-login .natuna-sign small{display:block!important;font:13px Segoe UI,Arial,sans-serif!important;margin:0!important;color:#eaf5ff!important;letter-spacing:.2px!important}
.ref-login .location-badge{font-size:11px!important;line-height:1.45!important;color:#fff!important;text-align:right!important;text-shadow:0 1px 7px rgba(0,0,0,.35)!important}.ref-login .location-badge span{opacity:.85!important}
.ref-login .login-card{position:relative!important;align-self:center!important;justify-self:center!important;width:min(455px,calc(100% - 56px))!important;margin:0 28px!important;padding:38px 40px 28px!important;border-radius:24px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 25px 70px rgba(10,44,80,.28)!important;border:1px solid rgba(255,255,255,.9)!important;overflow:hidden!important;min-height:0!important;max-height:none!important}
.ref-login .login-card-accent{position:absolute!important;right:-1px!important;top:-1px!important;width:72px!important;height:72px!important;border:6px solid #ff7d1a!important;border-left-color:transparent!important;border-bottom-color:transparent!important;border-radius:0 24px 0 0!important;opacity:.95!important}
.ref-login .portal-label{font-size:10px!important;font-weight:900!important;letter-spacing:1.7px!important;color:#3986ef!important;margin-bottom:10px!important}
.ref-login .login-card h2{font-size:30px!important;line-height:1.1!important;color:#102e55!important;text-align:left!important;margin:0!important;letter-spacing:-.7px!important}.ref-login .login-card h3{font-size:13px!important;color:#1268dd!important;text-align:left!important;margin:7px 0 7px!important}.ref-login .login-card .muted{font-size:11px!important;line-height:1.5!important;text-align:left!important;margin:0 0 19px!important;color:#71849a!important}
.ref-login .login-field-label{display:block!important;font-size:10px!important;font-weight:900!important;color:#16395f!important;margin:10px 0 5px!important}
.ref-login .icon-field{position:relative!important;height:46px!important;border:1px solid #d8e3ef!important;border-radius:10px!important;display:flex!important;align-items:center!important;margin:0!important;padding:0 12px!important;background:#fff!important;box-shadow:none!important}.ref-login .icon-field:focus-within{border-color:#5b9cef!important;box-shadow:0 0 0 3px rgba(46,126,231,.10)!important}.ref-login .icon-field>span{color:#294e79!important;font-size:14px!important}.ref-login .icon-field input{border:0!important;box-shadow:none!important;height:44px!important;margin:0!important;padding:0 10px!important;font-size:12px!important;color:#162c46!important;background:transparent!important}.ref-login .password-field input{padding-right:38px!important}.ref-login .password-toggle{position:absolute!important;right:8px!important;top:6px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;background:transparent!important;color:#55718f!important;box-shadow:none!important;font-size:13px!important}.ref-login .password-toggle:hover{color:#1769e0!important}
.ref-login .security-code-box{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:13px 0 10px!important;padding:10px 13px!important;border:1px dashed #9dc3ee!important;background:linear-gradient(100deg,#eef6ff,#fff6ed)!important;border-radius:11px!important}.ref-login .security-code-box span{display:block!important;font-size:8px!important;font-weight:900!important;letter-spacing:1px!important;color:#6d8197!important}.ref-login .security-code-box strong{display:block!important;font-size:17px!important;letter-spacing:5px!important;color:#153f75!important;margin-top:3px!important}.ref-login .security-code-box a{font-size:10px!important;font-weight:900!important;color:#1769e0!important;text-decoration:none!important}.ref-login .security-help{display:block!important;margin:5px 0 0!important;font-size:8px!important;line-height:1.45!important;color:#8091a5!important}
.ref-login .login-submit{width:100%!important;height:47px!important;margin:16px 0 0!important;border:0!important;border-radius:10px!important;background:linear-gradient(100deg,#ff7117,#f58a24)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;box-shadow:0 9px 22px rgba(245,112,23,.25)!important}.ref-login .login-submit span{font-size:16px!important;margin-left:5px!important}.ref-login .login-submit:hover{filter:brightness(.97)!important;transform:translateY(-1px)!important}
.ref-login .or{display:flex!important;align-items:center!important;gap:10px!important;margin:13px 0 10px!important;color:#8394a8!important;font-size:10px!important}.ref-login .or i{height:1px!important;background:#e1e8ef!important;flex:1!important}.ref-login .login-wa{display:block!important;width:100%!important;margin:0!important;padding:12px!important;border-radius:10px!important;background:#14a650!important;color:#fff!important;text-align:center!important;text-decoration:none!important;font-size:11px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(20,166,80,.18)!important}.ref-login .copyright{text-align:center!important;font-size:8px!important;line-height:1.45!important;margin:13px 0 0!important;color:#8495a8!important}
.ref-login .alert{font-size:10px!important;line-height:1.4!important;padding:9px 11px!important;border-radius:9px!important;margin:0 0 10px!important}
.ref-login .public-service-links{position:relative;z-index:2;margin-top:22px;max-width:760px}.ref-login .public-service-links>strong{display:block;margin-bottom:10px;font-size:11px;letter-spacing:1.6px;color:#fff}.ref-login .public-service-links>div{display:flex;gap:11px;flex-wrap:wrap}.ref-login .public-service-links a{display:flex;align-items:center;gap:9px;width:175px;min-height:62px;padding:9px 12px;border:2px solid rgba(255,255,255,.7);border-radius:14px;background:rgba(255,255,255,.96);color:#153d68;text-decoration:none;box-shadow:0 9px 22px rgba(0,0,0,.16);transition:.18s}.ref-login .public-service-links a:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(0,0,0,.21)}.ref-login .public-service-links img,.ref-login .public-service-links span{width:44px;height:44px;flex:0 0 44px;object-fit:contain;border-radius:11px;display:grid;place-items:center;background:#eaf4ff}.ref-login .public-service-links b{font-size:10px;line-height:1.25}.ref-login .public-service-links img[src=""]{display:none}@media(max-width:560px){.ref-login .public-service-links>div{display:grid;grid-template-columns:1fr 1fr}.ref-login .public-service-links a{width:100%;min-height:57px}.ref-login .public-service-links img,.ref-login .public-service-links span{width:38px;height:38px;flex-basis:38px}}
@media(max-width:1100px){.ref-login .login-shell{grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr)!important}.ref-login .brand-panel{padding-left:42px!important;padding-right:42px!important}.ref-login .brand-copy h1{font-size:47px!important}.ref-login .login-card{width:min(430px,calc(100% - 34px))!important;margin:0 17px!important;padding:34px 32px 25px!important}}
@media(max-width:850px){.ref-login{overflow:auto!important}.ref-login .login-shell{height:auto!important;min-height:100vh!important;grid-template-columns:1fr!important}.ref-login .brand-panel{min-height:510px!important;padding:30px 26px 28px!important}.ref-login .brand-copy{margin-top:55px!important}.ref-login .brand-copy h1{font-size:43px!important}.ref-login .login-card{width:min(500px,calc(100% - 30px))!important;margin:22px auto 30px!important;justify-self:center!important}.ref-login .brand-bottom{margin-top:25px!important}}
@media(max-width:560px){.ref-login .login-logos{gap:9px!important}.ref-login .login-logos>img{height:36px!important;max-width:112px!important}.ref-login .login-logos .agency-logo img{width:35px!important;height:40px!important}.ref-login .login-logos .agency-logo b{font-size:12px!important}.ref-login .login-logos .agency-logo small{font-size:7px!important}.ref-login .brand-panel{min-height:455px!important}.ref-login .brand-copy{margin-top:42px!important}.ref-login .brand-kicker{font-size:11px!important}.ref-login .brand-copy h1{font-size:35px!important}.ref-login .brand-copy p{font-size:12px!important}.ref-login .login-features{grid-template-columns:repeat(2,1fr)!important;gap:17px 8px!important;margin-top:23px!important}.ref-login .login-features b{width:44px!important;height:44px!important;font-size:19px!important}.ref-login .brand-bottom{margin-top:18px!important}.ref-login .natuna-sign{font-size:30px!important}.ref-login .location-badge{display:none!important}.ref-login .login-card{padding:28px 22px 22px!important;border-radius:19px!important}.ref-login .login-card h2{font-size:25px!important}.ref-login .login-card h3{font-size:11px!important}.ref-login .login-card-accent{width:55px!important;height:55px!important;border-width:5px!important}.ref-login .security-code-box strong{font-size:15px!important;letter-spacing:4px!important}}