:root{
    --ml-card-bg: rgba(219,197,197,.78);
    --ml-text:#312620;
    --ml-muted:rgba(49,38,32,.62);
    --ml-input:rgba(255,255,255,.38);
    --ml-input-border:rgba(255,255,255,.24);
    --ml-btn:rgba(49,38,32,.28);
    --ml-btn-hover:rgba(49,38,32,.42);
}
*{box-sizing:border-box}
body.sm-member-login-body{
    margin:0;
    min-height:100vh;
    font-family:Inter,Arial,Tahoma,sans-serif;
    color:var(--ml-text);
    overflow-x:hidden;
}
.sm-member-login-shell{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:42px 8vw 42px 42px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
}
.sm-member-login-shell::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08));
    pointer-events:none;
}
.sm-member-left-brand{
    position:absolute;
    left:18.5vw;
    top:27vh;
    width:min(310px,26vw);
    min-height:142px;
    border-radius:32px;
    background:rgba(255,255,255,.68);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 25px 55px rgba(50,30,25,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    transform:rotate(-4deg);
}
.sm-member-left-brand img{max-width:100%;max-height:110px;object-fit:contain;display:block}
.sm-member-left-brand-text{text-align:center;line-height:1.1;transform:rotate(4deg)}
.sm-member-left-brand-title{font-size:34px;font-weight:900;letter-spacing:.08em;color:#312620;text-transform:uppercase}
.sm-member-left-brand-sub{font-size:13px;margin-top:9px;color:rgba(49,38,32,.67);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.sm-member-login-card{
    position:relative;
    z-index:2;
    width:min(760px,48vw);
    min-height:420px;
    border-radius:42px;
    background:var(--ml-card-bg);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:68px 58px 58px;
    box-shadow:0 35px 95px rgba(70,40,40,.12);
    border:1px solid rgba(255,255,255,.16);
}
.sm-member-login-title{
    text-align:center;
    font-size:34px;
    color:var(--ml-text);
    font-weight:500;
    margin:0 0 36px;
}
.sm-member-login-subtitle{
    text-align:center;
    color:var(--ml-muted);
    margin:-25px 0 32px;
    font-size:14px;
}
.sm-member-alert{padding:12px 16px;border-radius:16px;margin-bottom:18px;font-size:14px;line-height:1.55}
.sm-member-alert.err{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.3);color:#7f1d1d}
.sm-member-alert.ok{background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.28);color:#065f46}
.sm-member-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}
.sm-member-field{position:relative;height:52px}
.sm-member-field input{
    width:100%;height:100%;border:1px solid var(--ml-input-border);border-radius:999px;background:var(--ml-input);outline:0;color:var(--ml-text);font-size:15px;padding:0 46px 0 68px;
    transition:.22s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.22)
}
.sm-member-field input::placeholder{color:rgba(49,38,32,.47)}
.sm-member-field input:focus{background:rgba(255,255,255,.56);border-color:rgba(49,38,32,.18);box-shadow:0 12px 35px rgba(49,38,32,.08)}
.sm-member-icon{position:absolute;left:23px;top:50%;transform:translateY(-50%);width:24px;height:24px;opacity:.42;display:flex;align-items:center;justify-content:center}
.sm-member-icon img{max-width:22px;max-height:22px;object-fit:contain}
.sm-member-toggle-pass{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;color:rgba(49,38,32,.55);cursor:pointer;font-size:16px}
.sm-member-submit{grid-column:1/-1;height:52px;border:0;border-radius:999px;background:var(--ml-btn);color:#fff;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:.22s ease;box-shadow:0 15px 32px rgba(49,38,32,.08)}
.sm-member-submit:hover{background:var(--ml-btn-hover);transform:translateY(-1px)}
.sm-member-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;gap:14px;margin-top:8px;color:var(--ml-text);font-size:15px}
.sm-member-actions a{color:var(--ml-text);text-decoration:none}.sm-member-actions a:hover{text-decoration:underline}
.sm-member-checkbox{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer}
.sm-member-checkbox input{width:17px;height:17px;accent-color:#312620}.sm-member-return{position:absolute;left:22px;top:22px;color:rgba(49,38,32,.55);font-size:13px;text-decoration:none}.sm-member-return:hover{color:#312620}.sm-member-mini-logo{position:absolute;right:28px;bottom:22px;opacity:.6;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(49,38,32,.55)}
@media(max-width:1100px){
    .sm-member-login-shell{justify-content:center;padding:40px 20px;background-position:left center}.sm-member-login-card{width:min(760px,94vw)}.sm-member-left-brand{display:none}
}
@media(max-width:680px){
    .sm-member-login-card{padding:58px 22px 34px;border-radius:28px}.sm-member-login-title{font-size:28px}.sm-member-grid{grid-template-columns:1fr;gap:18px}.sm-member-submit,.sm-member-actions{grid-column:auto}.sm-member-actions{grid-template-columns:1fr;gap:10px}.sm-member-login-shell{align-items:flex-end;padding:22px 14px}.sm-member-mini-logo{display:none}
}