/* Myka sign-in: warm, calm and responsive. Scoped to the authentication page. */
.myka-login{--ink:#183d4b;--muted:#738386;--line:#e1e8e4;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 10%,#e6eee8 0,transparent 55%),#f6f5ef;padding:40px 24px;color:var(--ink);font-family:'Segoe UI',sans-serif}
.myka-login *{box-sizing:border-box}.myka-login button,.myka-login a{-webkit-tap-highlight-color:transparent}.myka-login button:focus-visible,.myka-login a:focus-visible{outline:3px solid #4b9b8b;outline-offset:4px}.myka-login-shell{width:100%;max-width:1100px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e4e9e1;border-radius:32px;overflow:hidden;box-shadow:0 24px 90px #1e3e4320}.myka-login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#e6efe8;padding:40px 40px 30px;min-width:0}.myka-story-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.6px;font-weight:700;color:#426859}.myka-story-dot{height:6px;width:6px;border-radius:50%;background:#5d967b}.myka-story-copy{position:relative;z-index:1;margin-top:38px}.myka-story-copy h2{font-size:38px;letter-spacing:-1.4px;line-height:1.25;font-weight:700;margin:0}.myka-story-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#587e67;font-style:italic}.myka-story-copy p{font-size:14px;line-height:1.8;color:#668075;max-width:320px;margin:17px 0 0}.myka-robot-scene{position:relative;height:290px;margin:12px -12px 0;display:grid;place-items:center}.myka-scene-orbit{position:absolute;width:245px;height:245px;border:1px solid #cfdfd3;border-radius:50%;box-shadow:0 0 0 25px #e6efe8,0 0 0 26px #d8e5da}.myka-login-robot{position:relative;width:290px;height:290px;filter:drop-shadow(0 14px 18px #3a6a5212)}.myka-scene-note{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #ffffffc9;border-radius:13px;padding:11px 13px;background:#ffffffeb;box-shadow:0 7px 22px #41644e0b}.myka-scene-note>.material-symbols-rounded{font-size:20px;background:#f8ece5;color:#b87960;border-radius:10px;padding:8px}.myka-scene-note strong{font-size:11px;display:block;font-weight:650}.myka-scene-note small{font-size:9px;color:#84928b;display:block;margin-top:3px}.myka-scene-note-top{top:44px;right:-4px}.myka-scene-note-bottom{bottom:14px;left:-5px}.myka-scene-note-bottom>.material-symbols-rounded{background:#eaf2eb;color:#63856a}.myka-story-footer{position:relative;display:flex;gap:7px;align-items:center;font-size:10px;color:#789080;margin-top:20px}.myka-story-footer .material-symbols-rounded{font-size:16px}.myka-login-form-panel{padding:38px 46px 26px;min-width:0;display:flex;flex-direction:column;justify-content:center}.myka-login-brand{display:inline-flex;gap:11px;align-items:center;align-self:flex-start;text-decoration:none;color:var(--ink)}.myka-login-brand-mark{height:43px;width:43px;display:grid;place-items:center;border-radius:14px;background:#1c4855;color:#dceee2}.myka-login-brand-mark .material-symbols-rounded{font-size:25px}.myka-login-brand strong{font-size:23px;line-height:1.2;letter-spacing:-.9px;display:block;font-weight:750}.myka-login-brand strong>span{font-weight:400;color:#6b917b;margin-left:2px}.myka-login-brand small{display:block;font-size:10px;color:#8b9992;margin-top:3px}.myka-login-intro{margin:35px 0 24px}.myka-login-eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:#7d9985}.myka-login-intro h1{font-size:29px;letter-spacing:-1px;font-weight:700;line-height:1.3;margin:7px 0 8px}.myka-login-intro>p{font-size:13px;color:#86918c;line-height:1.7;margin:0}.myka-auth-form{display:flex;flex-direction:column;gap:18px}.myka-auth-field label{display:block;font-size:12px;font-weight:650;margin-bottom:8px;color:#3b5357}.myka-auth-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.myka-auth-forgot{font-size:11px;color:#648774;background:none;border:0;padding:0;font-weight:600}.myka-auth-input{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa;padding:0 14px;transition:border-color .2s,box-shadow .2s}.myka-auth-input:focus-within{border-color:#6b9e87;box-shadow:0 0 0 3px #83b49918;background:#fff}.myka-auth-input>.material-symbols-rounded{font-size:19px;color:#9caea1}.myka-auth-input input{display:block;min-width:0;width:100%;height:49px;border:0;background:transparent!important;padding:0;color:var(--ink);font-size:13px;outline:none;box-shadow:none}.myka-auth-input input::placeholder{color:#a4afa8}.myka-password-toggle{height:40px;width:30px;flex-shrink:0;display:grid;place-items:center;border:0;background:transparent;color:#93a397;padding:0}.myka-password-toggle .material-symbols-rounded{font-size:19px}.myka-auth-submit{height:49px;background:#1d4856;color:#fff;display:flex;justify-content:center;align-items:center;gap:13px;border-radius:12px;border:0;font-size:13px;font-weight:650;box-shadow:0 6px 13px #1d48561a;transition:background .2s,transform .2s}.myka-auth-submit:hover{background:#2a606a;transform:translateY(-1px)}.myka-auth-submit:disabled{opacity:.65;transform:none;cursor:wait}.myka-auth-submit .material-symbols-rounded{font-size:18px}.myka-login-divider{display:flex;align-items:center;gap:12px;color:#9aa79d;font-size:10px;margin:24px 0 15px}.myka-login-divider:before,.myka-login-divider:after{content:'';height:1px;background:#edf0eb;flex:1}.myka-login-demos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.myka-demo-option{position:relative;display:flex;align-items:center;text-align:left;gap:8px;border:1px solid #e5eae3;background:#fff;border-radius:12px;padding:13px 10px;min-width:0;transition:background .2s,border-color .2s}.myka-demo-option:hover,.myka-demo-option.is-selected{background:#f0f6f0;border-color:#8aaa92}.myka-demo-icon{font-size:23px!important;color:#6a8c75}.myka-demo-option strong{font-size:10px;display:block;color:#4d6459;white-space:nowrap}.myka-demo-option small{font-size:8px;display:block;color:#8d9b91;line-height:1.5;margin-top:4px}.myka-demo-check{font-size:13px!important;margin-left:auto;color:#8aa68e}.myka-login-demo-hint{text-align:center;font-size:9px;color:#a0aaa2;margin:10px 0 0}.myka-login-bottom{margin-top:27px;padding-top:18px;border-top:1px solid #f0f2ed;display:flex;align-items:center;justify-content:space-between;gap:8px}.myka-login-bottom button{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#86948a;background:none;border:0;padding:0}.myka-login-bottom button .material-symbols-rounded{font-size:14px}.myka-login-bottom>span{font-size:7px;letter-spacing:1.2px;color:#b1b9b0}.myka-login-error{padding:11px;background:#fff1ec;border:1px solid #f4d9d0;border-radius:10px;display:flex;gap:7px;font-size:12px;line-height:1.5;color:#9d4d36}.myka-login-error .material-symbols-rounded{font-size:18px;flex-shrink:0}.myka-login-feedback{font-size:12px;line-height:1.5;color:#3c6b55;background:#edf6ee;padding:10px;border-radius:10px}.myka-login-loading{animation:myka-login-spin 1s linear infinite}@keyframes myka-login-spin{to{transform:rotate(360deg)}}
@media(max-width:950px){.myka-login{padding:24px 18px}.myka-login-form-panel{padding:34px 28px 25px}.myka-login-story{padding:34px 28px 25px}.myka-story-copy h2{font-size:32px}.myka-scene-note{padding:9px;gap:7px}.myka-scene-note-top{right:-8px}.myka-scene-note strong{font-size:10px}.myka-scene-note small{font-size:8px}.myka-story-footer{font-size:8px}.myka-demo-option{gap:5px;padding:12px 7px}.myka-demo-check{display:none}}
@media(max-width:700px){.myka-login{padding:24px 16px;align-items:center}.myka-login-shell{grid-template-columns:1fr;max-width:430px;border-radius:26px;box-shadow:0 16px 60px #1e3e4310}.myka-login-story{display:none}.myka-login-form-panel{padding:30px 28px 22px}.myka-login-brand{margin-bottom:0}.myka-login-intro{margin:29px 0 25px}.myka-login-intro h1{font-size:29px}.myka-auth-input input{height:52px;font-size:15px}.myka-auth-field label{font-size:13px}.myka-auth-forgot{font-size:12px}.myka-auth-submit{height:52px;font-size:14px}.myka-login-intro>p{font-size:13px}.myka-login-demos{gap:10px}.myka-demo-option{padding:14px 10px;gap:8px}.myka-demo-option strong{font-size:10px}.myka-demo-option small{font-size:9px}.myka-login-demo-hint{font-size:10px}.myka-login-divider{font-size:11px;margin-top:26px}.myka-login-bottom{margin-top:25px}.myka-login-bottom button{font-size:11px}}
@media(max-width:360px){.myka-login{padding:12px 10px}.myka-login-form-panel{padding:25px 20px 20px}.myka-login-intro h1{font-size:26px}.myka-demo-option{gap:5px;padding:12px 7px}.myka-demo-option strong{font-size:9px}.myka-demo-option small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.myka-login *{animation:none!important;transition:none!important}}
.myka-login-brand small{font-size:11px;color:#6c8072}.myka-demo-option strong{font-size:12px}.myka-demo-option small{font-size:10px;color:#6b806e}.myka-login-demo-hint{font-size:11px;color:#7c8d7e}.myka-login-bottom button{font-size:12px}.myka-login-intro>p{color:#697e70;font-size:14px}.myka-login-divider{color:#7b8f7c;font-size:11px}
@media(max-width:950px) and (min-width:701px){.myka-login-demos{grid-template-columns:1fr}.myka-demo-option{padding:11px 12px}.myka-demo-check{display:block}}
@media(max-width:370px){.myka-login-demos{grid-template-columns:1fr}.myka-demo-check{display:block}}