/* =========================================================
   Music FM — Tasks
   Premium, minimal and mobile-first
========================================================= */

.mf-tasks-page{
    direction:rtl;
    padding-top:18px;
    padding-bottom:90px;
    color:#111827;
}

.mf-tasks-page *{box-sizing:border-box}
.mf-tasks-page a{text-decoration:none}

.mf-tasks-hero{
    min-height:430px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 480px;
    align-items:center;
    gap:42px;
    padding:52px;
    overflow:hidden;
    border:1px solid rgba(20,124,255,.20);
    border-radius:3px;
    background:
        radial-gradient(circle at 10% 12%,rgba(89,199,255,.20),transparent 30%),
        linear-gradient(135deg,#071832 0%,#0a2d60 100%);
    color:#fff;
}

.mf-tasks-kicker,
.mf-tasks-workspace-head>div>span,
.mf-tasks-panel header span{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:2px;
    background:rgba(255,255,255,.07);
    color:#91dcff;
    font-size:10px;
    font-weight:950;
}

.mf-tasks-hero h1{
    margin:15px 0 14px;
    color:#fff;
    font-size:clamp(43px,5vw,68px);
    line-height:1.02;
    font-weight:950;
    letter-spacing:-1.8px;
}

.mf-tasks-hero h1 em{
    color:#67d1ff;
    font-style:normal;
}

.mf-tasks-hero p{
    max-width:700px;
    margin:0;
    color:rgba(255,255,255,.76);
    font-size:16px;
    line-height:1.85;
    font-weight:700;
}

.mf-tasks-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:23px;
}

.mf-tasks-hero-actions a{
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 15px;
    border:1px solid rgba(255,255,255,.19);
    border-radius:2px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.mf-tasks-hero-actions a.is-primary{
    border-color:#147cff;
    background:#147cff;
}

.mf-tasks-progress-card{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    align-items:center;
    gap:23px;
    padding:24px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:3px;
    background:rgba(255,255,255,.075);
}

.mf-tasks-progress-ring{
    --progress:0;
    width:145px;
    height:145px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:conic-gradient(#59c7ff calc(var(--progress) * 1%),rgba(255,255,255,.12) 0);
}

.mf-tasks-progress-ring::before{
    content:"";
    grid-area:1/1;
    width:116px;
    height:116px;
    border-radius:50%;
    background:#0a2852;
}

.mf-tasks-progress-ring>div{
    position:relative;
    z-index:1;
    grid-area:1/1;
    display:grid;
    justify-items:center;
}

.mf-tasks-progress-ring strong{
    color:#fff;
    font-size:29px;
    line-height:1;
    font-weight:950;
}

.mf-tasks-progress-ring span{
    margin-top:6px;
    color:rgba(255,255,255,.66);
    font-size:9px;
    font-weight:800;
}

.mf-tasks-progress-copy>span{
    color:#76d4ff;
    font-size:10px;
    font-weight:950;
}

.mf-tasks-progress-copy h2{
    margin:5px 0 6px;
    color:#fff;
    font-size:23px;
    line-height:1.2;
    font-weight:950;
}

.mf-tasks-progress-copy p{
    margin:0;
    color:rgba(255,255,255,.67);
    font-size:11px;
    line-height:1.6;
}

.mf-tasks-progress-meta{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:7px;
    margin-top:15px;
}

.mf-tasks-progress-meta article{
    padding:10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:2px;
    background:rgba(255,255,255,.05);
}

.mf-tasks-progress-meta strong{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:950;
}

.mf-tasks-progress-meta small{
    display:block;
    margin-top:3px;
    color:rgba(255,255,255,.58);
    font-size:8px;
    font-weight:750;
}

/* Daily strip */
.mf-tasks-daily-strip{
    min-height:84px;
    display:grid;
    grid-template-columns:260px minmax(0,1fr) 180px;
    align-items:center;
    gap:20px;
    margin:12px 0;
    padding:14px 18px;
    border:1px solid #dce6f2;
    border-radius:3px;
    background:#fff;
}

.mf-tasks-daily-strip>div:first-child span{
    display:block;
    color:#147cff;
    font-size:10px;
    font-weight:950;
}

.mf-tasks-daily-strip>div:first-child strong{
    display:block;
    margin-top:4px;
    color:#111827;
    font-size:15px;
    font-weight:950;
}

.mf-tasks-daily-progress{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:#edf2f7;
}

.mf-tasks-daily-progress span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#147cff,#59c7ff);
}

.mf-tasks-reset{
    text-align:left;
}

.mf-tasks-reset small{
    display:block;
    color:#8290a4;
    font-size:9px;
    font-weight:800;
}

.mf-tasks-reset strong{
    display:block;
    margin-top:3px;
    color:#147cff;
    font-size:16px;
    font-weight:950;
    direction:ltr;
}

/* Workspace */
.mf-tasks-workspace,
.mf-tasks-panel{
    border:1px solid #dce6f2;
    border-radius:3px;
    background:#fff;
}

.mf-tasks-workspace{
    padding:20px;
}

.mf-tasks-workspace-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    padding-bottom:17px;
    border-bottom:1px solid #e7edf4;
}

.mf-tasks-workspace-head>div>span,
.mf-tasks-panel header span{
    border-color:#d6e5f7;
    background:#f3f8ff;
    color:#147cff;
}

.mf-tasks-workspace-head h2,
.mf-tasks-panel h2{
    margin:6px 0 0;
    color:#111827;
    font-size:24px;
    line-height:1.2;
    font-weight:950;
}

.mf-tasks-workspace-head p{
    margin:5px 0 0;
    color:#728096;
    font-size:11px;
    font-weight:750;
}

.mf-tasks-tabs{
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
}

.mf-tasks-tabs button{
    min-height:35px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 11px;
    border:1px solid #dce6f2;
    border-radius:2px;
    background:#fff;
    color:#5f6d82;
    font-family:inherit;
    font-size:10px;
    font-weight:900;
    cursor:pointer;
}

.mf-tasks-tabs button b{
    min-width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:2px;
    background:#f0f4f8;
    color:#758197;
    font-size:9px;
}

.mf-tasks-tabs button.is-active{
    border-color:#147cff;
    background:#147cff;
    color:#fff;
}

.mf-tasks-tabs button.is-active b{
    background:rgba(255,255,255,.17);
    color:#fff;
}

.mf-tasks-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

/* Task card */
.mf-task-card{
    min-width:0;
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:13px;
    padding:16px;
    border:1px solid #e1e8f1;
    border-radius:3px;
    background:#fff;
    transition:border-color .16s ease,background .16s ease;
}

.mf-task-card:hover{
    border-color:#bcd6f4;
    background:#fbfdff;
}

.mf-task-card[hidden]{display:none!important}

.mf-task-card.is-done{
    border-color:#cde9da;
    background:#fbfffd;
}

.mf-task-card-icon{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border:1px solid #d6e6f8;
    border-radius:3px;
    background:#eef6ff;
    color:#147cff;
}

.mf-task-card.is-done .mf-task-card-icon{
    border-color:#c9ead8;
    background:#edf9f3;
    color:#0a8a4e;
}

.mf-task-card-icon svg{
    width:25px;
    height:25px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mf-task-card-body{min-width:0}

.mf-task-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.mf-task-type{
    color:#78869a;
    font-size:9px;
    font-weight:850;
}

.mf-task-points{
    min-height:24px;
    display:inline-flex;
    align-items:center;
    padding:0 7px;
    border:1px solid #d6e7fa;
    border-radius:2px;
    background:#f1f7ff;
    color:#147cff;
    font-size:9px;
    font-weight:950;
    white-space:nowrap;
}

.mf-task-card h3{
    margin:9px 0 5px;
    color:#111827;
    font-size:17px;
    line-height:1.25;
    font-weight:950;
}

.mf-task-card p{
    min-height:44px;
    margin:0;
    color:#6b788d;
    font-size:11px;
    line-height:1.65;
    font-weight:700;
}

.mf-task-progress-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin-top:13px;
}

.mf-task-progress{
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:#edf2f7;
}

.mf-task-progress span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#147cff,#59c7ff);
}

.mf-task-progress-row small{
    min-width:30px;
    color:#76849a;
    font-size:9px;
    font-weight:900;
    text-align:left;
}

.mf-task-card footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:13px;
    padding-top:12px;
    border-top:1px solid #edf1f5;
}

.mf-task-status{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#77859a;
    font-size:9px;
    font-weight:850;
}

.mf-task-status.is-done{color:#0a8a4e}

.mf-task-action{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 10px;
    border:1px solid #147cff;
    border-radius:2px;
    background:#147cff;
    color:#fff;
    font-family:inherit;
    font-size:10px;
    font-weight:950;
    cursor:pointer;
}

.mf-task-action.is-complete{
    border-color:#c7e9d7;
    background:#ecf9f2;
    color:#0a8a4e;
    cursor:default;
}

/* Bottom */
.mf-tasks-bottom{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:12px;
}

.mf-tasks-panel{
    padding:18px;
}

.mf-tasks-panel header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    padding-bottom:14px;
    border-bottom:1px solid #e7edf4;
}

.mf-tasks-panel header>i{
    color:#147cff;
    font-size:20px;
}

.mf-leaders-list,
.mf-tasks-guide-list{
    display:grid;
    gap:7px;
    margin-top:14px;
}

.mf-leaders-list article{
    min-height:53px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    border:1px solid #e4eaf2;
    border-radius:2px;
    background:#fafcff;
}

.mf-leaders-list article.is-top{
    border-color:#cfe1f6;
    background:#f4f9ff;
}

.mf-leaders-list article>b{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:2px;
    background:#eaf3ff;
    color:#147cff;
    font-size:12px;
    font-weight:950;
}

.mf-leaders-list article div strong{
    display:block;
    color:#111827;
    font-size:12px;
    font-weight:950;
}

.mf-leaders-list article div small{
    display:block;
    margin-top:2px;
    color:#8491a5;
    font-size:8px;
    font-weight:750;
}

.mf-leaders-list article>span{
    color:#147cff;
    font-size:11px;
    font-weight:950;
}

.mf-tasks-guide-list article{
    min-height:61px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    align-items:center;
    gap:11px;
    padding:9px;
    border:1px solid #e4eaf2;
    border-radius:2px;
    background:#fafcff;
}

.mf-tasks-guide-list article>b{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #d5e5f7;
    border-radius:2px;
    background:#eef6ff;
    color:#147cff;
    font-weight:950;
}

.mf-tasks-guide-list strong{
    display:block;
    color:#111827;
    font-size:12px;
    font-weight:950;
}

.mf-tasks-guide-list p{
    margin:2px 0 0;
    color:#748197;
    font-size:9px;
    line-height:1.45;
    font-weight:700;
}

.mf-tasks-empty{
    padding:32px 18px;
    display:grid;
    justify-items:center;
    gap:6px;
    color:#78869a;
    text-align:center;
}

.mf-tasks-empty.compact{padding:22px}

.mf-tasks-empty i{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid #d9e6f4;
    border-radius:50%;
    background:#f5f9ff;
    color:#147cff;
}

.mf-tasks-empty strong{
    color:#111827;
    font-size:14px;
    font-weight:950;
}

.mf-tasks-empty span{
    font-size:10px;
    font-weight:750;
}

/* Responsive */
@media(max-width:1120px){
    .mf-tasks-hero{
        grid-template-columns:1fr;
    }

    .mf-tasks-progress-card{
        max-width:620px;
    }

    .mf-tasks-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .mf-tasks-page{
        padding-top:9px;
        padding-bottom:50px;
    }

    .mf-tasks-hero{
        margin-inline:-9px;
        padding:30px 18px 22px;
        border-right:0;
        border-left:0;
        border-radius:0;
    }

    .mf-tasks-hero h1{
        font-size:38px;
        letter-spacing:-1px;
    }

    .mf-tasks-hero p{
        font-size:14px;
        line-height:1.75;
    }

    .mf-tasks-progress-card{
        grid-template-columns:105px minmax(0,1fr);
        gap:15px;
        padding:16px;
    }

    .mf-tasks-progress-ring{
        width:102px;
        height:102px;
    }

    .mf-tasks-progress-ring::before{
        width:81px;
        height:81px;
    }

    .mf-tasks-progress-ring strong{
        font-size:21px;
    }

    .mf-tasks-progress-ring span{
        display:none;
    }

    .mf-tasks-progress-copy h2{
        font-size:18px;
    }

    .mf-tasks-daily-strip{
        grid-template-columns:1fr;
        gap:10px;
        padding:14px;
    }

    .mf-tasks-reset{
        text-align:right;
    }

    .mf-tasks-workspace{
        padding:13px;
    }

    .mf-tasks-workspace-head{
        display:grid;
        gap:14px;
    }

    .mf-tasks-tabs{
        overflow:auto;
        flex-wrap:nowrap;
        padding-bottom:3px;
    }

    .mf-tasks-tabs button{
        flex:0 0 auto;
    }

    .mf-tasks-grid,
    .mf-tasks-bottom{
        grid-template-columns:1fr;
    }
}

@media(max-width:430px){
    .mf-tasks-hero-actions a{
        flex:1;
    }

    .mf-tasks-progress-card{
        grid-template-columns:1fr;
    }

    .mf-tasks-progress-ring{
        justify-self:center;
    }

    .mf-task-card{
        grid-template-columns:42px minmax(0,1fr);
        gap:10px;
        padding:13px;
    }

    .mf-task-card-icon{
        width:42px;
        height:42px;
    }

    .mf-task-card-icon svg{
        width:21px;
        height:21px;
    }

    .mf-task-card footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .mf-task-action{
        width:100%;
    }
}

@media(prefers-reduced-motion:reduce){
    .mf-tasks-page *,
    .mf-tasks-page *::before,
    .mf-tasks-page *::after{
        animation:none!important;
        transition:none!important;
        transform:none!important;
    }
}


/* =========================================================
   Achievements
========================================================= */

.mf-achievements{
    margin-top:12px;
    padding:20px;
    border:1px solid #dce6f2;
    border-radius:3px;
    background:#fff;
}

.mf-achievements-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding-bottom:17px;
    border-bottom:1px solid #e7edf4;
}

.mf-achievements-head>div:first-child>span{
    display:inline-flex;
    align-items:center;
    min-height:27px;
    padding:0 9px;
    border:1px solid #d6e5f7;
    border-radius:2px;
    background:#f3f8ff;
    color:#147cff;
    font-size:10px;
    font-weight:950;
}

.mf-achievements-head h2{
    margin:6px 0 0;
    color:#111827;
    font-size:24px;
    line-height:1.2;
    font-weight:950;
}

.mf-achievements-head p{
    margin:5px 0 0;
    color:#728096;
    font-size:11px;
    font-weight:750;
}

.mf-achievements-summary{
    min-width:130px;
    padding:12px;
    border:1px solid #d8e7f8;
    border-radius:2px;
    background:#f4f9ff;
    text-align:center;
}

.mf-achievements-summary strong{
    display:block;
    color:#147cff;
    font-size:24px;
    line-height:1;
    font-weight:950;
}

.mf-achievements-summary span{
    display:block;
    margin-top:5px;
    color:#728096;
    font-size:9px;
    font-weight:800;
}

.mf-achievements-login{
    min-height:68px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    margin-top:14px;
    padding:12px;
    border:1px solid #d8e7f8;
    border-radius:2px;
    background:#f7fbff;
}

.mf-achievements-login>i{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border:1px solid #d3e5f8;
    border-radius:2px;
    background:#fff;
    color:#147cff;
}

.mf-achievements-login strong{
    display:block;
    color:#111827;
    font-size:13px;
    font-weight:950;
}

.mf-achievements-login span{
    display:block;
    margin-top:3px;
    color:#748197;
    font-size:10px;
    font-weight:700;
}

.mf-achievements-login a{
    min-height:35px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border:1px solid #147cff;
    border-radius:2px;
    background:#147cff;
    color:#fff;
    font-size:10px;
    font-weight:950;
}

.mf-achievements-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-top:18px;
}

.mf-achievement-card{
    min-width:0;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:13px;
    padding:16px;
    border:1px solid #e1e8f1;
    border-radius:3px;
    background:#fbfcfe;
    opacity:.82;
}

.mf-achievement-card.is-unlocked{
    border-color:#bdd9f8;
    background:#f8fbff;
    opacity:1;
}

.mf-achievement-icon{
    position:relative;
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border:1px solid #dce4ed;
    border-radius:3px;
    background:#f1f4f8;
    color:#8290a3;
}

.mf-achievement-card.is-unlocked .mf-achievement-icon{
    border-color:#c9e0fa;
    background:#eaf4ff;
    color:#147cff;
}

.mf-achievement-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.mf-achievement-icon>i{
    position:absolute;
    left:-5px;
    bottom:-5px;
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border:3px solid #fff;
    border-radius:50%;
    background:#147cff;
    color:#fff;
    font-size:8px;
}

.mf-achievement-copy>span{
    color:#7b899d;
    font-size:9px;
    font-weight:900;
}

.mf-achievement-card.is-unlocked .mf-achievement-copy>span{
    color:#147cff;
}

.mf-achievement-copy h3{
    margin:5px 0 4px;
    color:#111827;
    font-size:16px;
    line-height:1.25;
    font-weight:950;
}

.mf-achievement-copy p{
    min-height:34px;
    margin:0;
    color:#6e7b90;
    font-size:10px;
    line-height:1.55;
    font-weight:700;
}

.mf-achievement-progress{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin-top:12px;
}

.mf-achievement-progress>div{
    height:6px;
    overflow:hidden;
    border-radius:999px;
    background:#e9eef4;
}

.mf-achievement-progress>div span{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#147cff,#59c7ff);
}

.mf-achievement-progress small{
    min-width:38px;
    color:#758399;
    font-size:9px;
    font-weight:900;
    text-align:left;
}

@media(max-width:1120px){
    .mf-achievements-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .mf-achievements{
        padding:13px;
    }

    .mf-achievements-head{
        align-items:flex-start;
    }

    .mf-achievements-summary{
        min-width:95px;
    }

    .mf-achievements-login{
        grid-template-columns:38px minmax(0,1fr);
    }

    .mf-achievements-login a{
        grid-column:1/-1;
        width:100%;
    }

    .mf-achievements-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:430px){
    .mf-achievements-head{
        display:grid;
    }

    .mf-achievements-summary{
        width:100%;
    }

    .mf-achievement-card{
        grid-template-columns:48px minmax(0,1fr);
        gap:10px;
        padding:13px;
    }

    .mf-achievement-icon{
        width:48px;
        height:48px;
    }

    .mf-achievement-icon svg{
        width:23px;
        height:23px;
    }
}


/* =========================================================
   TASKS — MUSIC FM MASTER HERO
   CONTENT RIGHT / STATS LEFT
========================================================= */
.mf-tasks-page .mf-tasks-hero{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    direction:rtl !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 245px !important;
    grid-template-areas:"copy stats" !important;
    align-items:stretch !important;
    gap:0 !important;
    min-height:390px !important;
    padding:0 !important;
    border:1px solid rgba(20,124,255,.18) !important;
    border-radius:4px !important;
    background:
        radial-gradient(circle at 16% 8%,rgba(89,199,255,.20),transparent 34%),
        radial-gradient(circle at 84% 16%,rgba(20,124,255,.20),transparent 34%),
        linear-gradient(135deg,#071832 0%,#08295b 52%,#031126 100%) !important;
    color:#fff !important;
    box-shadow:0 14px 36px rgba(15,35,70,.13),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.mf-tasks-page .mf-tasks-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 118px) !important;
    opacity:.52 !important;
}
.mf-tasks-page .mf-tasks-hero-copy{
    grid-area:copy !important;
    position:relative !important;
    z-index:2 !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    padding:54px 46px !important;
    direction:rtl !important;
    text-align:right !important;
}
.mf-tasks-page .mf-tasks-kicker{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:flex-start !important;
    width:max-content !important;
    max-width:max-content !important;
    min-height:34px !important;
    padding:0 14px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:3px !important;
    background:#147cff !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
}
.mf-tasks-page .mf-tasks-hero h1{
    margin:18px 0 14px !important;
    color:#fff !important;
    font-size:58px !important;
    line-height:.98 !important;
    font-weight:950 !important;
    letter-spacing:-1.5px !important;
}
.mf-tasks-page .mf-tasks-hero h1 em{
    color:#fff !important;
    font-style:normal !important;
}
.mf-tasks-page .mf-tasks-hero p{
    max-width:760px !important;
    margin:0 !important;
    color:rgba(255,255,255,.78) !important;
    font-size:17px !important;
    line-height:1.72 !important;
    font-weight:800 !important;
}
.mf-tasks-page .mf-tasks-hero-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
    margin-top:24px !important;
}
.mf-tasks-page .mf-tasks-hero-actions a{
    width:auto !important;
    min-width:0 !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:3px !important;
    background:rgba(255,255,255,.055) !important;
    color:rgba(255,255,255,.88) !important;
    box-shadow:none !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    transform:none !important;
    translate:none !important;
    scale:1 !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease !important;
}
.mf-tasks-page .mf-tasks-hero-actions a.is-primary{
    border-color:#147cff !important;
    background:#147cff !important;
    color:#fff !important;
}
.mf-tasks-page .mf-tasks-hero-actions a:hover{
    border-color:rgba(89,199,255,.27) !important;
    background:rgba(255,255,255,.085) !important;
    color:#fff !important;
    transform:none !important;
}
.mf-tasks-page .mf-tasks-hero-actions a.is-primary:hover{
    border-color:#2689ff !important;
    background:#2689ff !important;
}
.mf-tasks-page .mf-tasks-progress-card{
    grid-area:stats !important;
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px 16px !important;
    border:0 !important;
    border-inline-start:1px solid rgba(255,255,255,.045) !important;
    border-radius:0 !important;
    background:transparent !important;
}
.mf-tasks-page .mf-tasks-hero-stats{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.035) !important;
}
.mf-tasks-page .mf-tasks-hero-stats article{
    min-height:84px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    padding:12px 8px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.085) !important;
    border-radius:0 !important;
    background:transparent !important;
    text-align:center !important;
}
.mf-tasks-page .mf-tasks-hero-stats article:last-child{border-bottom:0 !important}
.mf-tasks-page .mf-tasks-hero-stats strong{
    color:#59c7ff !important;
    font-size:27px !important;
    line-height:1 !important;
    font-weight:950 !important;
}
.mf-tasks-page .mf-tasks-hero-stats small{
    margin-top:7px !important;
    color:rgba(255,255,255,.70) !important;
    font-size:9.5px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
}
.mf-tasks-page .mf-tasks-progress-ring,
.mf-tasks-page .mf-tasks-progress-copy,
.mf-tasks-page .mf-tasks-progress-meta{
    display:none !important;
}
@media(max-width:980px){
    .mf-tasks-page .mf-tasks-hero{display:block !important;min-height:0 !important}
    .mf-tasks-page .mf-tasks-hero-copy{padding:32px 22px 24px !important}
    .mf-tasks-page .mf-tasks-hero h1{font-size:40px !important;line-height:1 !important;letter-spacing:-1px !important}
    .mf-tasks-page .mf-tasks-hero p{font-size:15px !important;line-height:1.68 !important}
    .mf-tasks-page .mf-tasks-hero-actions{
        width:100% !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:8px !important;
    }
    .mf-tasks-page .mf-tasks-hero-actions a{width:100% !important;height:44px !important;min-height:44px !important}
    .mf-tasks-page .mf-tasks-progress-card{
        display:block !important;
        max-width:none !important;
        padding:0 22px 22px !important;
        border:0 !important;
    }
    .mf-tasks-page .mf-tasks-hero-stats article{min-height:70px !important}
    .mf-tasks-page .mf-tasks-hero-stats strong{font-size:21px !important}
    .mf-tasks-page .mf-tasks-hero-stats small{font-size:8.5px !important}
}
@media(max-width:760px){
    .mf-tasks-page .mf-tasks-hero{
        margin-inline:-9px !important;
        padding:0 !important;
        border-right:0 !important;
        border-left:0 !important;
        border-radius:0 0 4px 4px !important;
    }
}