:root{--ink:#111827;--blue:#0054b8;--green:#489c48;--muted:#64748b;--border:#dce5f0;--bg:#f3f6fb}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.myki-desktop-login{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
.myki-desktop-shell{width:min(1120px,calc(100% - 72px));min-height:660px;margin:clamp(36px,7vh,90px) auto;display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;border:1px solid #e4ebf4;border-radius:28px;background:#fff;box-shadow:0 32px 80px rgba(23,43,77,.13)}
.myki-desktop-brand{position:relative;padding:74px 68px;overflow:hidden;background:linear-gradient(145deg,#f7faff,#edf4ff)}
.myki-desktop-brand>img{display:block;width:min(100%,500px);height:auto;margin-bottom:68px}
.myki-desktop-brand h1{max-width:470px;margin:0 0 18px;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.03;letter-spacing:-.055em}
.myki-desktop-brand p{max-width:480px;margin:0;color:#4b5b70;font-size:1.14rem;line-height:1.65}
.myki-desktop-flow{position:absolute;left:-10%;right:-10%;bottom:70px;height:130px;opacity:.7}
.myki-desktop-flow span{position:absolute;left:0;width:100%;height:70px;border-top:2px solid rgba(18,102,212,.25);border-radius:50%;transform:rotate(-4deg)}
.myki-desktop-flow span:nth-child(2){top:34px;transform:rotate(3deg);border-color:rgba(18,102,212,.17)}
.myki-desktop-flow span:nth-child(3){top:67px;transform:rotate(-5deg);border-color:rgba(69,169,75,.28)}
.myki-desktop-auth{display:flex;align-items:center;justify-content:center;padding:58px 62px;background:#fff}
.myki-desktop-auth-inner{width:100%;max-width:390px}
.myki-desktop-auth-mark{display:block;width:76px;height:auto;margin:0 0 26px}
.myki-desktop-auth h2{margin:0 0 10px;font-size:2.2rem;line-height:1.1;letter-spacing:-.045em}
.myki-desktop-auth-copy{margin:0 0 34px;color:var(--muted);line-height:1.5}
.myki-desktop-auth label{display:block;margin:0 0 8px;color:#27364a;font-size:.9rem;font-weight:700}
.myki-desktop-field{position:relative;margin-bottom:20px}
.myki-desktop-field input{width:100%;height:54px;padding:0 48px 0 16px;border:1px solid var(--border);border-radius:13px;background:#f9fbfe;color:var(--ink);font:500 1rem Arial,Helvetica,sans-serif;outline:none;transition:.18s ease}
.myki-desktop-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,102,212,.11);background:#fff}
.myki-desktop-field i{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:#7890aa}
.myki-desktop-submit{width:100%;height:54px;margin-top:8px;border:0;border-radius:13px;background:var(--blue);color:#fff;font:700 1rem Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 12px 24px rgba(18,102,212,.2);transition:.18s ease}
.myki-desktop-submit:hover{background:#0d58bc;transform:translateY(-1px)}
.myki-desktop-submit:focus-visible{outline:3px solid rgba(18,102,212,.3);outline-offset:3px}
.myki-desktop-forgot{display:inline-block;margin-top:24px;color:var(--blue);font-weight:700;text-decoration:none}
.myki-desktop-forgot:hover{text-decoration:underline}
@media(max-width:840px){.myki-desktop-shell{width:min(94%,560px);grid-template-columns:1fr;margin:24px auto}.myki-desktop-brand{padding:36px 38px}.myki-desktop-brand>img{width:360px;margin-bottom:28px}.myki-desktop-brand h1{font-size:2rem}.myki-desktop-brand p{font-size:1rem}.myki-desktop-flow{display:none}.myki-desktop-auth{padding:42px 38px 48px}}