.mobile-concept{position:relative;min-height:650px;width:100%;isolation:isolate;container-type:inline-size;color:#324237;font-family:Inter,Arial,sans-serif}
.mobile-concept:before{content:"";position:absolute;inset:12% 0;border-radius:50%;background:radial-gradient(ellipse,#f8c7a86b,transparent 68%);z-index:-1}.mobile-concept-orbit{position:absolute;inset:16% 0 14%;border:1px dashed #a9beb09c;border-radius:50%;transform:rotate(-28deg)}
.mobile-concept-phone{width:282px;margin:18px auto 0;padding:9px;background:linear-gradient(135deg,#66736a,#19251e 35%,#35443a);border:1px solid #7e8d81;border-radius:43px;position:relative;box-shadow:18px 26px 38px #2e463021;transform:rotate(-5deg);animation:mcPhoneFloat 8s ease-in-out infinite}.mobile-concept-island{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:21px;border-radius:20px;background:#18231c;z-index:2}.mobile-concept-screen{border-radius:34px;overflow:hidden;background:#f8faf5;padding:12px 17px 0}.mc-status{display:flex;justify-content:space-between;font-size:9px;font-weight:700;padding:0 5px;margin:1px 0 23px}.mc-logo{display:block;width:111px;height:auto;margin-bottom:24px}.mc-greeting{display:grid;gap:6px;margin-bottom:19px}.mc-greeting small{font-size:8px;letter-spacing:1.2px;color:#9e6c50}.mc-greeting strong{font-size:22px;letter-spacing:-.6px;line-height:1.2}.mc-greeting>span{font-size:10px;color:#81917d}.mc-featured{background:linear-gradient(135deg,#ed8251,#f2673a);padding:18px;border-radius:19px;color:white;display:grid;gap:8px;position:relative;overflow:hidden}.mc-featured:after{content:"";width:130px;height:130px;border:1px solid #ffffff45;border-radius:50%;position:absolute;right:-50px;top:-36px;pointer-events:none}.mc-play{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff88;background:#ffffff25;border-radius:50%;font-size:25px;margin-bottom:5px}.mc-featured small{font-size:7px;letter-spacing:.8px}.mc-featured strong{font-size:15px}.mc-featured>span:last-child{font-size:8px;opacity:.85}.mc-progress{display:block;height:4px;background:#ffffff40;border-radius:5px;overflow:hidden;margin-top:6px}.mc-progress i{display:block;background:#fff;height:100%;width:65%;transform-origin:left;animation:mcProgress 7s ease-in-out infinite}.mc-course-heading{font-size:11px;font-weight:650;margin:20px 0 9px;display:flex;justify-content:space-between}.mc-course{display:flex;gap:9px;align-items:center;background:white;padding:9px;border-radius:12px;margin:7px 0;border:1px solid #e7eee3}.mc-course-icon{display:grid;place-items:center;width:32px;height:34px;font-size:22px;border-radius:9px}.mc-course-icon.sage{background:#e4ecde;color:#628168}.mc-course-icon.orange{background:#fff0e6;color:#e77c48}.mc-course>div{display:grid;gap:4px;flex:1}.mc-course strong{font-size:9px;font-weight:600}.mc-course small{font-size:8px;color:#8b9787}.mc-course>span:last-child{color:#9eaa98}.mc-bottom{display:flex;justify-content:space-around;border-top:1px solid #e5ecdf;margin-top:16px;padding:11px 0 12px}.mc-bottom>span{display:grid;gap:4px;justify-items:center;font-size:19px;color:#8c9986}.mc-bottom>span:first-child{color:#ed7948}.mc-bottom small{font-size:7px}
.mc-float{position:absolute;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fffffff2;border:1px solid #fff;border-radius:17px;box-shadow:0 12px 30px #30463213;max-width:230px;animation:mcBadgeFloat 6s ease-in-out infinite}.mc-float>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#fff0e2;color:#ed7948;font-size:24px}.mc-float>div{display:grid;gap:5px}.mc-float strong{font-size:11px;line-height:1.4;font-weight:600}.mc-float small{font-size:9px;color:#8a9684;line-height:1.4}.mc-float-course{left:0;top:32%;transform:rotate(-3deg)}.mc-float-progress{right:0;bottom:15%;animation-delay:-3s}.mc-float-progress>span{background:#e4eddd;color:#648565}.mc-sample{text-align:center;font-size:8px;letter-spacing:1.5px;color:#91a08c;margin-top:28px}
@keyframes mcPhoneFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes mcBadgeFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes mcProgress{0%,100%{transform:scaleX(.75)}50%{transform:scaleX(1)}}
@media(max-width:767px){.mobile-concept{min-height:650px}.mc-float{max-width:180px;padding:10px;gap:7px}.mc-float strong{font-size:9px}.mc-float small{font-size:8px}.mc-float>span{width:28px;height:28px;font-size:20px}.mc-float-course{top:28%}.mc-float-progress{bottom:13%}}
@media(prefers-reduced-motion:reduce){.mobile-concept *{animation:none!important}}

.mobile-concept{min-height:600px;padding-top:8px}.mobile-concept-phone{width:286px;height:555px;box-sizing:border-box;transform:rotate(-3deg);border-radius:40px}.mobile-concept-screen{height:100%;box-sizing:border-box;padding:12px 16px 55px;position:relative;background:#fff;overflow:hidden;border-radius:30px}.mc-status{margin-bottom:25px}.mc-logo{width:111px;margin-bottom:25px}.mc-list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mc-list-title strong{font-size:21px;font-weight:500}.mc-list-title>span{font-size:20px}.mc-search{border:1px solid #dfe5e0;border-radius:6px;padding:11px 10px;color:#94a096;font-size:10px;display:flex;gap:8px}.mc-list-filter{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:18px 0 13px;color:#536453}.mc-list-filter>span:first-child{border:1px solid #e2e8e0;padding:6px 10px;border-radius:5px}.mc-list-courses{display:grid;gap:12px}.mc-list-course{border:1px solid #e0e6df;border-radius:13px;padding:10px;display:grid;grid-template-columns:44px 1fr 7px;gap:8px;align-items:center}.mc-list-art{height:47px;border-radius:9px;display:grid;place-items:center;font-size:22px;color:#fff}.mc-list-art.orange{background:linear-gradient(135deg,#f4a949,#f5d8af)}.mc-list-art.sage{background:linear-gradient(135deg,#4e8a50,#a6cd99)}.mc-list-art.blue{background:linear-gradient(135deg,#69acb6,#c7e6e5)}.mc-list-details{display:grid;gap:7px;min-width:0}.mc-list-details strong{font-size:11px;font-weight:500;line-height:1.4}.mc-list-details small{font-size:8px;background:#fff0e2;color:#91613c;padding:4px 6px;border-radius:12px;justify-self:start}.mc-list-more{font-size:19px}.mc-list-progress{grid-column:1/-1;display:flex;gap:7px;align-items:center;font-size:8px;color:#889483;margin-top:3px}.mc-list-progress>i{height:5px;border-radius:5px;background:#ffeddc;flex:1;overflow:hidden}.mc-list-progress b{display:block;height:100%;background:#f28b39;border-radius:5px;transform-origin:left;animation:mcProgress 7s ease-in-out infinite}.mc-bottom{position:absolute;bottom:0;left:16px;right:16px;background:white;margin:0;padding:9px 0;z-index:1}.mc-float-course{top:31%;left:0}.mc-float-progress{bottom:24%;right:0}.mc-sample{margin-top:22px}
@media(max-width:767px){.mobile-concept{min-height:590px}.mc-float-course{top:28%}.mc-float-progress{bottom:20%}.mobile-concept-phone{width:280px;height:550px}}
@keyframes mcPhoneFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(-1deg)}}
.mc-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.mc-brand-row .mc-logo{margin:0}.mc-profile-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #e2e8df}