.access-screen{position:relative;isolation:isolate;max-width:640px;margin:7vh auto;padding:54px 58px 30px;border-radius:28px;background:linear-gradient(145deg,#14233d,#0b121f 65%);box-shadow:0 40px 120px #0009,0 0 100px #1761dc18;overflow:hidden;animation:login-enter .55s ease-out}.access-screen:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 100% 0,#257cf52b,transparent 55%)}.login-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:42px;margin-bottom:36px;border-bottom:1px solid #ffffff12}.login-brand img{width:210px}.login-caption{font-size:10px;letter-spacing:2px;color:#8a9dbd}.access-screen h1{white-space:pre-line;font-size:48px;line-height:1.1;letter-spacing:-2px;font-weight:750;margin:20px 0}.access-screen .access-message{max-width:410px;color:#acbdd8;font-size:16px;margin-bottom:30px}.access-screen .primary-button{display:flex;align-items:center;justify-content:center;gap:16px;background:#f4f7fc;color:#15223a;width:100%;border:0;padding:17px 22px;border-radius:12px;box-shadow:0 6px 24px #0003;transition:transform .18s,background .18s}.access-screen .primary-button:hover{background:white;transform:translateY(-2px)}.google-mark{font:bold 24px system-ui;color:#4285f4}.login-help{font-size:13px;line-height:1.7;text-align:center;color:#8c9db9;margin:18px auto 30px;max-width:340px}.login-badge{display:table;margin:0 auto;padding:9px 15px;background:#548eff0c;border:1px solid #548eff28;border-radius:30px;color:#9fc0fc;font-size:10px;letter-spacing:1.6px}.login-footer{text-align:center;font-size:11px;color:#6f819e;margin-top:38px}.user-card{box-shadow:0 10px 40px #0002}.admin-panel{background:linear-gradient(125deg,#142039,#111a29)}.permission-grid label{background:#0b1322;border:1px solid #283750;border-radius:10px;padding:13px}.permission-grid label:has(input:checked){border-color:#4a82d3;background:#16305b66}@keyframes login-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){.access-screen{margin:4vh 16px;padding:30px 26px}.access-screen h1{font-size:36px}.login-brand img{width:170px}.login-caption{display:none}.login-brand{padding-bottom:26px;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.access-screen{animation:none}.access-screen .primary-button{transition:none}}

/* Original transparent KRN GROUP artwork, framed without altering the image. */
.krn-logo-frame{display:block;position:relative;width:260px;aspect-ratio:1.6;overflow:hidden;flex-shrink:0}.krn-logo-frame img{display:block;width:100%;height:auto;max-width:none;transform:translateY(-20%);filter:drop-shadow(0 0 14px #3089ff30)}.login-brand{justify-content:center;padding-bottom:22px;margin-bottom:26px}.access-screen{border:1px solid #3b65a35c;background:radial-gradient(ellipse at 50% -10%,#1c478657,transparent 64%),linear-gradient(145deg,#111c2e,#080e18 75%)}.access-screen:after{content:'';position:absolute;top:0;left:18%;width:64%;height:1px;background:linear-gradient(90deg,transparent,#7bb9ff,transparent);box-shadow:0 0 22px #4c98ff;pointer-events:none}.access-screen .primary-button{box-shadow:0 6px 24px #0003,0 0 28px #4289ff12}.portal .signature .krn-logo-frame{width:175px;padding:0;border:0;letter-spacing:normal}.portal .signature{gap:22px}.portal .intro{position:relative}.portal .intro:after{content:'';position:absolute;bottom:12px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#65a9ff,transparent);box-shadow:0 0 16px #378eff55}@media(max-width:600px){.krn-logo-frame{width:220px}.portal .signature .krn-logo-frame{width:130px}.portal .signature>span:last-child{display:none}}

body::after{content:"";position:fixed;right:16px;bottom:16px;width:44px;height:44px;background:url("/assets/krn-group-icon.png?v=2") center/contain no-repeat;z-index:9999;pointer-events:none;filter:drop-shadow(0 0 8px #3988ff45)}@media(max-width:600px){body::after{right:8px;bottom:8px;width:30px;height:30px}}@media print{body::after{display:none}}