*{box-sizing:border-box}body.krj-login{margin:0;font-family:Inter,Arial,sans-serif;color:#142849;background:#f3f7ff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-feature{padding:48px 7%;color:white;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 15%,#276fca 0,transparent 38%),linear-gradient(145deg,#081a39,#102c60 70%,#123a78)}.login-brand{display:flex;align-items:center;gap:13px}.login-logo{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#278bdd;font-size:23px}.login-brand strong{display:block;font-size:22px;font-weight:800}.login-brand small{display:block;opacity:.75}.feature-center{max-width:540px}.login-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#a4d7ff}.feature-center h1{font-weight:800;font-size:clamp(38px,4vw,63px);line-height:1.14;margin:24px 0}.feature-center em{font-style:normal;color:#60dcd0}.feature-center p{color:#cee0ff;font-size:16px;line-height:1.8}.feature-list{display:grid;gap:17px;margin-top:36px}.feature-list i{color:#5ee2bc;margin-right:10px}.feature-foot{opacity:.65}.login-form-area{display:grid;place-items:center;padding:30px}.login-card-v5{width:min(100%,460px);background:white;border-radius:28px;box-shadow:0 20px 80px #15356a17;padding:clamp(26px,4vw,48px)}.login-avatar{width:58px;height:58px;background:#e9f0ff;border-radius:18px;display:grid;place-items:center;color:#316ce8;font-size:22px;margin-bottom:22px}.login-eyebrow.dark{color:#3769d8}.login-card-v5 h2{font-size:30px;font-weight:800;margin:8px 0}.login-subtitle{color:#70809a;margin-bottom:30px}.login-card-v5 label{font-size:13px;font-weight:700;display:block;margin:17px 0 8px}.login-input{display:flex;align-items:center;border:1px solid #dae4f3;border-radius:13px;padding:0 14px;background:#f9fbff;color:#7d90ad}.login-input:focus-within{border-color:#356ff3;box-shadow:0 0 0 3px #356ff31a}.login-input input{border:0;outline:0;background:transparent;padding:16px 12px;width:100%;min-width:0;color:#142849}.login-input button{border:0;background:none;color:#60769d;padding:10px}.login-submit{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;border:0;background:linear-gradient(110deg,#285ddd,#138fce);color:white;font-weight:700;border-radius:14px;padding:17px;margin-top:26px;box-shadow:0 12px 24px #3168dd3a}.login-help{background:#f2f6ff;color:#677b9c;padding:12px;border-radius:12px;margin-top:23px;font-size:12px}.back-web{display:block;text-align:center;margin-top:20px;font-size:13px;color:#3368d3;text-decoration:none}.mobile-brand{display:none}@media(max-width:850px){.login-layout{display:block}.login-feature{display:none}.login-form-area{min-height:100vh;padding:18px}.login-card-v5{padding:26px;box-shadow:0 15px 60px #15356a1c}.mobile-brand{display:block;color:#204a9b;font-weight:800;margin-bottom:30px}.mobile-brand i{color:#158bdf;margin-right:7px}}