*{box-sizing:border-box}:root{color-scheme:light;--ink:#102f50;--paper:#f7eed9}body{margin:0;background:var(--paper);color:var(--ink);font:16px Georgia,"Times New Roman",serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2391846c' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}main{min-height:100svh;overflow:hidden;position:relative}section{position:relative;z-index:2;text-align:center;padding:40px 24px 0}h1{font-size:clamp(32px,5.1vw,74px);font-weight:400;line-height:1.12;margin:20px 0 30px;letter-spacing:-.025em}h1 strong{font-weight:400}form{max-width:600px;margin:auto}input,button{width:100%;border-radius:9px;padding:17px 22px;font:18px Georgia,serif}input{color:var(--ink);background:#fffaf130;border:1px solid #5b7186}input::placeholder{color:#6c7d8c;opacity:1}button{margin-top:12px;border:1px solid var(--ink);background:var(--ink);color:#fff8ea;font-weight:bold;cursor:pointer;min-height:56px}button:hover{background:#254d71}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid #a67c3a;outline-offset:3px}p{line-height:1.5}.login-note{font-size:16px;color:#61768a;margin:14px 0 0}.login-status{background:#fffaf1;border:1px solid #cfc1a5;padding:14px;border-radius:8px;font:15px system-ui}.area-engraving{display:block;width:100%;height:auto;position:relative;margin-top:-12px;mask-image:linear-gradient(transparent,#000 15%);-webkit-mask-image:linear-gradient(transparent,#000 15%)}.login-footer{position:relative;text-align:center;padding:14px;font:12px system-ui;letter-spacing:.06em;background:#102f50;color:#f7eed9}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1600px){.login-content{padding-top:50px}h1{font-size:78px}.area-engraving{margin-top:-40px}}@media(max-width:600px){.login-content{padding-top:58px}h1{font-size:clamp(30px,8vw,46px);margin:22px 0 26px}input,button{font-size:16px;padding:15px 12px}.login-note{font-size:14px}.area-engraving{width:145%;max-width:none;margin-left:-22.5%;margin-top:18px}.login-footer{font-size:10px}section{padding-left:20px;padding-right:20px}}
.kp1-login main{display:flex;flex-direction:column}.kp1-login .area-engraving{margin-top:clamp(-210px,-11vw,-65px);flex-shrink:0}.kp1-login .login-content{padding-bottom:12px}.kp1-login .login-footer{flex-shrink:0}

/* 1.0.5: landscape raised further on desktop and mobile. */
.kp1-login .login-footer{margin-top:auto}
@media(max-width:600px){.kp1-login .area-engraving{margin-top:-50px}}