:root{
 --ml-primary:#365b6d;--ml-secondary:#365b6d;--ml-accent:#6c9286;--ml-bg:#f2f1ec;
 --ml-ink:#294450;--ml-muted:#637b89;--ml-nav:#182e38;
}
html,body.login{min-height:100%;background:#f5f7f7}
body.melons-core-login{
 margin:0!important;padding:0!important;background:#f5f7f7!important;
 font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ml-ink);
}
.melons-core-login *{box-sizing:border-box}
.melons-core-login .ml-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(340px,41%) minmax(0,1fr);background:#f7f9f9}
.melons-core-login .ml-login-story{
 position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(38px,5vw,82px) 34px;
 overflow:hidden;background:linear-gradient(145deg,var(--ml-nav),#203d48 68%,#274b51);color:#edf8f7;
}
.melons-core-login .ml-login-story:before,.melons-core-login .ml-login-story:after{
 content:"";position:absolute;border-radius:50%;border:1px solid rgba(158,224,201,.11);pointer-events:none
}
.melons-core-login .ml-login-story:before{width:560px;height:560px;right:-330px;bottom:-270px}
.melons-core-login .ml-login-story:after{width:410px;height:410px;right:-240px;bottom:-205px}
.melons-core-login .ml-login-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;position:relative;z-index:2}
.melons-core-login .ml-login-brand img{display:block;max-width:165px;max-height:62px;width:auto;height:auto;object-fit:contain}
.melons-core-login .ml-login-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#8ad6bc;color:#18343d;font-size:31px;font-weight:700}
.melons-core-login .ml-login-brand-text{font-size:20px;font-weight:700}
.melons-core-login .ml-login-copy{margin:auto 0;max-width:510px;position:relative;z-index:2}
.melons-core-login .ml-login-eyebrow{margin:0 0 22px;font-size:10px;letter-spacing:2px;color:#9bd4c3}
.melons-core-login .ml-login-copy h2{margin:0 0 25px;font-size:clamp(39px,4vw,60px);line-height:1.08;letter-spacing:-2.2px;font-weight:560;color:#f4fbfa}
.melons-core-login .ml-login-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#9ed8c5}
.melons-core-login .ml-login-copy>p:not(.ml-login-eyebrow){max-width:430px;margin:0;font-size:14px;line-height:1.9;color:#bcd1d4}
.melons-core-login .ml-login-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:42px;padding:18px;border:1px solid rgba(151,216,197,.15);background:rgba(255,255,255,.03);border-radius:12px;text-align:center}
.melons-core-login .ml-login-flow span{font-size:11px;color:#dcece9}.melons-core-login .ml-login-flow i{font-style:normal;color:#7db7a7}
.melons-core-login .ml-login-foot{position:relative;z-index:2;margin:0;color:#aac5c5;font-size:10px;letter-spacing:.3px}
.melons-core-login .ml-login-main{min-width:0;min-height:100vh;display:flex;flex-direction:column;padding:28px clamp(28px,5vw,76px) 18px}
.melons-core-login .ml-login-top{text-align:right;font-size:9px;letter-spacing:1.6px;color:#66808a}
.melons-core-login .ml-login-form{width:100%;max-width:390px;margin:auto; padding:54px 0 68px}
.melons-core-login .ml-login-form header{margin:0 0 28px}
.melons-core-login .ml-login-dot{display:block;width:11px;height:11px;border-radius:50%;background:var(--ml-accent);box-shadow:0 0 0 6px rgba(108,146,134,.11);margin-bottom:22px}
.melons-core-login .ml-login-form header p{margin:0 0 9px;font-size:10px;letter-spacing:1.8px;color:#5f8078}
.melons-core-login .ml-login-form header h1{margin:0 0 11px;padding:0;font-size:31px;line-height:1.25;letter-spacing:-1px;font-weight:600;color:var(--ml-ink)}
.melons-core-login .ml-login-form header>span:last-child{display:block;font-size:13px;line-height:1.75;color:var(--ml-muted)}
.melons-core-login #login{width:100%;margin:0;padding:0}
.melons-core-login #login>h1,.melons-core-login #backtoblog{display:none}
.melons-core-login #login form{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.melons-core-login #login form p{margin:0 0 19px}
.melons-core-login #login label{display:block;margin:0 0 8px;font-size:12px;font-weight:600;color:#36515c}
.melons-core-login #login input[type=text],
.melons-core-login #login input[type=password],
.melons-core-login #login input[type=email]{
 width:100%;min-height:47px;margin:8px 0 0;padding:11px 13px;border:1px solid #d4e1e4;border-radius:8px;background:#fff;
 color:var(--ml-ink);font:inherit;font-size:14px;box-shadow:0 2px 6px rgba(20,44,53,.04);outline:none
}
.melons-core-login #login input:focus{border-color:var(--ml-primary);box-shadow:0 0 0 3px rgba(54,91,109,.10)}
.melons-core-login #login .wp-pwd{position:relative;margin-bottom:19px}
.melons-core-login #login .wp-pwd input{padding-right:46px;margin-top:0}
.melons-core-login #login .wp-pwd .button.wp-hide-pw{position:absolute;right:3px;top:0;width:42px;height:46px;border:0;background:transparent;box-shadow:none;color:#71848d}
.melons-core-login #login .forgetmenot{float:none;margin:0 0 21px}
.melons-core-login #login .forgetmenot label{display:flex;align-items:center;gap:7px;font-weight:400;font-size:11px;color:#5f747e}
.melons-core-login #login input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--ml-primary)}
.melons-core-login #login .submit{margin:0;clear:both}
.melons-core-login #login .button-primary{
 width:100%;min-height:47px;float:none;margin:0;padding:10px 17px;border:1px solid var(--ml-primary);border-radius:8px;
 background:var(--ml-primary);color:#fff;text-shadow:none;box-shadow:none;font:inherit;font-size:13px;font-weight:650
}
.melons-core-login #login .button-primary:hover{filter:brightness(.94)}
.melons-core-login #login .button:not(.button-primary):not(.wp-hide-pw){
 min-height:36px;padding:7px 12px;border:1px solid #cbdadd;border-radius:7px;background:#fff;color:var(--ml-primary);box-shadow:none;font:inherit;font-size:11px
}
.melons-core-login #login #nav{margin:20px 0 0;padding:0;text-align:center;font-size:11px;color:#71828b}
.melons-core-login #login #nav a{color:var(--ml-primary);font-weight:600}
.melons-core-login #login .message,.melons-core-login #login .notice,.melons-core-login #login #login_error{
 margin:0 0 21px;padding:13px 14px;border:1px solid #d6e6e1;border-left:3px solid var(--ml-accent);border-radius:8px;background:#eff7f3;color:#315c4f;box-shadow:none;font-size:12px;line-height:1.65
}
.melons-core-login #login #login_error,.melons-core-login #login .notice-error{border-color:#ead7d5;border-left-color:#b86761;background:#fbf1ef;color:#84413e}
.melons-core-login .melons-otp-copy{font-size:12px!important;line-height:1.7;color:#607681}
.melons-core-login .melons-otp-input{text-align:center;font-size:23px!important;font-weight:700!important;letter-spacing:8px!important;font-variant-numeric:tabular-nums}
.melons-core-login .melons-otp-actions{text-align:center;margin-top:12px!important}
.melons-core-login .ml-login-note{margin:26px 0 0;padding-top:21px;border-top:1px solid #e3eaec;text-align:center;font-size:10px;line-height:1.7;color:#75858e}
.melons-core-login .ml-login-main footer{display:flex;justify-content:space-between;gap:16px;margin-top:auto;color:#7c8c94;font-size:9px}
.melons-core-login .language-switcher{margin:20px 0 0}
.melons-core-login .language-switcher form{display:flex;justify-content:center;gap:6px}
.melons-core-login .language-switcher select,.melons-core-login .language-switcher .button{min-height:32px;font-size:11px}
.melons-core-login .ml-login-caps{margin:8px 0 0!important;color:#8a6027!important;font-size:11px!important}
.melons-core-login .ml-login-caps[hidden]{display:none!important}
@media(max-width:820px){
 .melons-core-login .ml-login-shell{display:flex;flex-direction:column}
 .melons-core-login .ml-login-story{min-height:auto;padding:21px 26px}
 .melons-core-login .ml-login-copy,.melons-core-login .ml-login-foot{display:none}
 .melons-core-login .ml-login-brand img{max-height:42px;max-width:135px}
 .melons-core-login .ml-login-main{min-height:calc(100vh - 78px);padding:19px 25px}
 .melons-core-login .ml-login-top{text-align:center}
 .melons-core-login .ml-login-form{padding:38px 0 44px;max-width:400px}
 .melons-core-login #login input[type=text],.melons-core-login #login input[type=password],.melons-core-login #login input[type=email]{font-size:16px}
}
@media(max-width:420px){
 .melons-core-login .ml-login-main{padding-left:20px;padding-right:20px}
 .melons-core-login .ml-login-form header h1{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.melons-core-login *{transition:none!important;animation:none!important}}