.mmc-account-page{
    min-height:62vh;
    background:#ffffff;
}

.mmc-account-hero{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px;
}

.mmc-account-kicker{
    display:inline-flex;
    margin-bottom:10px;
    padding:7px 10px;
    border-radius:999px;
    background:#f1faf3;
    color:#25623d;
    font-size:12px;
    line-height:1;
    font-weight:950;
}

.mmc-account-hero h1{
    margin:0 0 8px;
    color:#17324f;
    font-size:34px;
    line-height:1.12;
}

.mmc-account-hero p{
    max-width:560px;
    margin:0;
    color:#5f6470;
    font-size:16px;
    line-height:1.55;
}

.mmc-account-logout,
.mmc-account-primary,
.mmc-account-links a{
    display:inline-flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:10px 14px;
    border-radius:10px;
    background:#17324f;
    color:#ffffff;
    font-size:14px;
    line-height:1;
    font-weight:950;
    text-decoration:none;
    border:0;
    cursor:pointer;
}

.mmc-account-auth{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
    gap:16px;
}

.mmc-account-notice{
    margin:-4px 0 18px;
    padding:13px 15px;
    border-radius:12px;
    font-size:14px;
    line-height:1.4;
    font-weight:850;
}

.mmc-account-notice--success{
    border:1px solid rgba(32,135,84,0.18);
    background:#effaf3;
    color:#25623d;
}

.mmc-account-notice--error{
    border:1px solid rgba(190,36,36,0.18);
    background:#fff3f2;
    color:#9d2621;
}

.mmc-account-panel,
.mmc-account-summary,
.mmc-account-card{
    border:1px solid rgba(23,50,79,0.1);
    border-radius:12px;
    background:#f8fafb;
    box-shadow:0 10px 24px rgba(23,50,79,0.06);
}

.mmc-account-panel{
    padding:20px;
}

.mmc-account-panel h2{
    margin:0 0 8px;
    color:#17324f;
    font-size:22px;
    line-height:1.2;
}

.mmc-account-panel p{
    margin:0 0 16px;
    color:#5f6470;
    font-size:15px;
    line-height:1.5;
}

.mmc-account-panel label{
    display:block;
    margin-bottom:6px;
    color:#17324f;
    font-size:13px;
    font-weight:900;
}

.mmc-account-panel input[type="text"],
.mmc-account-panel input[type="email"],
.mmc-account-panel input[type="password"]{
    width:100%;
    min-height:42px;
    padding:10px 12px;
    border:1px solid rgba(23,50,79,0.16);
    border-radius:10px;
    background:#ffffff;
    box-sizing:border-box;
}

.mmc-account-register-form{
    display:grid;
    gap:10px;
}

.mmc-account-register-form .mmc-account-primary{
    width:100%;
    margin-top:4px;
}

.mmc-account-checkbox{
    display:flex !important;
    align-items:flex-start;
    gap:9px;
    margin:2px 0 4px !important;
    color:#5f6470 !important;
    font-size:13px !important;
    line-height:1.35;
    font-weight:800 !important;
}

.mmc-account-checkbox input{
    flex:0 0 auto;
    margin-top:2px;
}

.mmc-account-hp{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
}

.mmc-account-disabled{
    padding:13px;
    border:1px solid rgba(23,50,79,0.1);
    border-radius:12px;
    background:#ffffff;
    color:#5f6470;
    font-size:14px;
    line-height:1.45;
    font-weight:800;
}

.mmc-account-panel input[type="submit"]{
    min-height:42px;
    padding:10px 16px;
    border:0;
    border-radius:10px;
    background:#17324f;
    color:#ffffff;
    font-weight:950;
    cursor:pointer;
}

.mmc-account-register{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.mmc-account-summary{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:16px;
    padding:18px;
}

.mmc-account-avatar{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:#17324f;
    color:#ffffff;
    font-size:24px;
    font-weight:950;
}

.mmc-account-summary h2{
    margin:0 0 4px;
    color:#17324f;
    font-size:22px;
    line-height:1.2;
}

.mmc-account-summary p{
    margin:0;
    color:#5f6470;
    font-size:14px;
    font-weight:800;
}

.mmc-account-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-bottom:16px;
}

.mmc-account-card{
    display:grid;
    gap:6px;
    padding:18px;
    color:#17324f;
    text-decoration:none;
}

.mmc-account-card span{
    color:#5f6470;
    font-size:12px;
    line-height:1;
    font-weight:950;
    text-transform:uppercase;
}

.mmc-account-card strong{
    font-size:24px;
    line-height:1.1;
}

.mmc-account-card small{
    color:#5f6470;
    font-size:13px;
    line-height:1.35;
    font-weight:750;
}

.mmc-account-links{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

@media(max-width:920px){
    .mmc-account-auth,
    .mmc-account-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:640px){
    .mmc-account-hero{
        display:grid;
    }

    .mmc-account-hero h1{
        font-size:28px;
    }

    .mmc-account-auth,
    .mmc-account-grid{
        grid-template-columns:1fr;
    }

    .mmc-account-summary{
        align-items:flex-start;
    }

    .mmc-account-links{
        display:grid;
    }
}