.mtc-shell{
    --mtc-ink:#4f3a58;
    --mtc-muted:#817487;
    --mtc-purple:#784985;
    --mtc-purple-2:#a55a9d;
    --mtc-pink:#d991bd;
    --mtc-line:rgba(120,73,133,.12);
    --mtc-soft:#fbf7fd;
    max-width:1180px;
    margin:28px auto 60px;
    padding:0 18px;
    font-family:inherit;
    color:var(--mtc-ink);
}
.mtc-shell *{box-sizing:border-box}
.mtc-hero{
    text-align:center;
    padding:44px 22px 30px;
    border:1px solid var(--mtc-line);
    border-radius:30px;
    background:
        radial-gradient(circle at 15% 15%,rgba(226,164,205,.18),transparent 28%),
        radial-gradient(circle at 85% 25%,rgba(146,96,171,.12),transparent 30%),
        linear-gradient(145deg,#fff,#fcf7ff);
    box-shadow:0 18px 55px rgba(85,48,100,.07);
}
.mtc-kicker,.mtc-result-kicker{
    display:inline-block;
    margin-bottom:10px;
    color:#9b6198;
    font-size:12px;
    font-weight:700;
}
.mtc-hero h1{
    margin:0;
    font-size:clamp(28px,4vw,46px);
    line-height:1.5;
    color:#57375f;
}
.mtc-hero>p{
    max-width:700px;
    margin:14px auto 0;
    color:var(--mtc-muted);
    font-size:15px;
    line-height:2;
}
.mtc-badges{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:20px;
}
.mtc-badges span{
    padding:7px 11px;
    border-radius:999px;
    background:rgba(124,76,139,.07);
    color:#76557d;
    font-size:11px;
}
.mtc-app{
    max-width:920px;
    margin:26px auto 0;
    padding:26px;
    border:1px solid var(--mtc-line);
    border-radius:26px;
    background:#fff;
    box-shadow:0 16px 45px rgba(80,45,95,.06);
}
.mtc-start-screen h2,.mtc-question h2,.mtc-result-head h2{
    margin:0;
    color:#583d63;
}
.mtc-start-screen>p,.mtc-question p,.mtc-result-summary{
    color:var(--mtc-muted);
    line-height:1.9;
}
.mtc-route-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:22px;
}
.mtc-route-card{
    appearance:none;
    text-align:right;
    border:1px solid var(--mtc-line);
    border-radius:22px;
    padding:22px;
    background:linear-gradient(145deg,#fff,#fdf9ff);
    cursor:pointer;
    transition:.2s ease;
    font:inherit;
    color:inherit;
}
.mtc-route-card:hover{
    transform:translateY(-3px);
    border-color:rgba(120,73,133,.28);
    box-shadow:0 14px 32px rgba(80,45,95,.08);
}
.mtc-route-icon{
    display:grid;
    place-items:center;
    width:42px;height:42px;
    margin-bottom:16px;
    border-radius:15px;
    background:linear-gradient(135deg,#f3e3f4,#fbeaf3);
    color:#7c4e88;
    font-size:21px;
}
.mtc-route-card strong{
    display:block;
    font-size:20px;
    color:#5b3d64;
}
.mtc-route-card small{
    display:block;
    min-height:58px;
    margin:8px 0 14px;
    color:#8c7d91;
    line-height:1.9;
}
.mtc-route-card em{
    color:#985d91;
    font-style:normal;
    font-size:12px;
    font-weight:700;
}
.mtc-safety-note,.mtc-result-note{
    margin-top:18px;
    padding:14px 16px;
    border-radius:15px;
    background:#faf7fb;
    color:#827687;
    font-size:11px;
    line-height:1.9;
}
.mtc-progress-wrap{margin-bottom:24px}
.mtc-progress-meta{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
    color:#8b7b90;
    font-size:11px;
}
.mtc-progress{
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:#f1eaf3;
}
.mtc-progress i{
    display:block;
    width:0;height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,#b268a6,#72447f);
    transition:width .25s ease;
}
.mtc-question>span{
    display:block;
    margin-bottom:6px;
    color:#aa7aa7;
    font-size:11px;
}
.mtc-options{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:20px;
}
.mtc-option{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:56px;
    padding:12px 14px;
    border:1px solid #eee6f0;
    border-radius:15px;
    background:#fff;
    color:#65566a;
    text-align:right;
    font:inherit;
    cursor:pointer;
}
.mtc-option i{
    flex:0 0 16px;
    width:16px;height:16px;
    border:1.5px solid #cbbdce;
    border-radius:50%;
}
.mtc-option.is-selected{
    border-color:rgba(120,73,133,.42);
    background:#fcf8fd;
    color:#653f70;
}
.mtc-option.is-selected i{
    border:4px solid #84508f;
    background:#fff;
}
.mtc-actions,.mtc-result-actions{
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-top:22px;
}
.mtc-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:9px 18px;
    border-radius:13px;
    border:0;
    text-decoration:none!important;
    font:inherit;
    font-size:12px;
    cursor:pointer;
}
.mtc-btn-primary{
    background:linear-gradient(135deg,#96558f,#70407d);
    color:#fff!important;
}
.mtc-btn-primary:disabled{
    opacity:.45;
    cursor:not-allowed;
}
.mtc-btn-ghost{
    background:#f7f2f8;
    color:#735b79;
}
.mtc-result-head{
    text-align:center;
    padding:10px 0 18px;
}
.mtc-routine-block,.mtc-extra-block{
    margin-top:22px;
}
.mtc-routine-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:12px;
}
.mtc-routine-title h3,.mtc-extra-block h3{
    margin:0;
    color:#5b3e64;
}
.mtc-routine-title span{
    color:#9a8b9e;
    font-size:11px;
}
.mtc-products,.mtc-extra-products{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:12px;
}
.mtc-product-card{
    position:relative;
    overflow:hidden;
    border:1px solid var(--mtc-line);
    border-radius:18px;
    background:#fff;
}
.mtc-product-step{
    position:absolute;
    z-index:2;
    top:10px;right:10px;
    display:grid;
    place-items:center;
    width:25px;height:25px;
    border-radius:50%;
    background:rgba(91,61,100,.88);
    color:#fff;
    font-size:10px;
}
.mtc-product-image{
    display:block;
    aspect-ratio:1/1;
    padding:12px;
    background:linear-gradient(145deg,#fff,#fbf7fc);
}
.mtc-product-image img{
    width:100%;height:100%;
    object-fit:contain;
}
.mtc-product-body{padding:12px}
.mtc-product-body h4{
    min-height:52px;
    margin:0 0 8px;
    color:#5e4c64;
    font-size:12px;
    line-height:1.8;
}
.mtc-product-price{
    min-height:24px;
    color:#9a5a91;
    font-size:11px;
}
.mtc-product-link{
    display:inline-block;
    margin-top:8px;
    color:#75467f;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}
.mtc-extra-block{
    padding-top:18px;
    border-top:1px solid #f0e9f2;
}
.mtc-extra-block h3{margin-bottom:12px}
.mtc-trust-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    max-width:920px;
    margin:16px auto 0;
}
.mtc-trust-strip>div{
    padding:15px;
    border-radius:16px;
    background:#fbf8fc;
    border:1px solid rgba(120,73,133,.08);
}
.mtc-trust-strip strong{
    display:block;
    margin-bottom:4px;
    color:#694b72;
    font-size:12px;
}
.mtc-trust-strip span{
    color:#938697;
    font-size:10px;
    line-height:1.8;
}
@media(max-width:700px){
    .mtc-shell{padding:0 12px;margin-top:14px}
    .mtc-hero{padding:30px 16px 24px;border-radius:22px}
    .mtc-app{padding:18px;border-radius:20px}
    .mtc-route-grid,.mtc-options{grid-template-columns:1fr}
    .mtc-route-card small{min-height:auto}
    .mtc-trust-strip{grid-template-columns:1fr}
    .mtc-products,.mtc-extra-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
    .mtc-products,.mtc-extra-products{grid-template-columns:1fr}
    .mtc-actions,.mtc-result-actions{flex-direction:column-reverse}
    .mtc-btn{width:100%}
}