.cart-premium-page .public-auth-content { background:radial-gradient(circle at 85% 3%,rgba(20,184,166,.08),transparent 32rem),linear-gradient(180deg,#f8fbfb,#eef5f5); padding:1.4rem clamp(1rem,3vw,3.25rem) 3rem; }
.cart-premium-page .catalog-app__content { background: radial-gradient(circle at 85% 3%,rgba(20,184,166,.08),transparent 32rem),linear-gradient(180deg,#f8fbfb,#eef5f5); padding:1.4rem clamp(1rem,2.4vw,2.5rem) 3rem; }
.cart-premium { --cart-primary:#0f766e; --cart-strong:#0a5b56; --cart-accent:#14b8a6; --cart-ink:#102a43; --cart-muted:#64748b; --cart-line:#dce7eb; --cart-soft:#f2f8f7; color:var(--cart-ink); display:grid; gap:1.4rem; margin:0 auto; max-width:1580px; }
.cart-premium * { box-sizing:border-box; }
.cart-premium svg { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.cart-eyebrow { color:var(--cart-primary); display:block; font-size:.68rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.cart-flow { align-items:center; background:rgba(255,255,255,.88); border:1px solid var(--cart-line); border-radius:18px; box-shadow:0 12px 34px rgba(15,42,67,.055); display:flex; justify-content:center; padding:.85rem 1.2rem; }
.cart-flow__step { align-items:center; color:#94a3b8; display:flex; gap:.65rem; }
.cart-flow__step>span { align-items:center; background:#eef3f5; border-radius:50%; display:flex; font-size:.7rem; font-weight:850; height:32px; justify-content:center; width:32px; }
.cart-flow__step div { display:grid; gap:.05rem; }
.cart-flow__step strong { font-size:.72rem; }
.cart-flow__step small { font-size:.59rem; }
.cart-flow__step.is-active { color:var(--cart-primary); }
.cart-flow__step.is-active>span { background:linear-gradient(135deg,var(--cart-primary),var(--cart-accent)); box-shadow:0 7px 17px rgba(15,118,110,.2); color:#fff; }
.cart-flow__line { background:#dfe8eb; height:1px; margin:0 1.4rem; width:min(9vw,110px); }
.cart-premium__header { align-items:end; display:flex; justify-content:space-between; padding:.35rem .15rem; }
.cart-premium__header h1 { font-size:clamp(2rem,4vw,3.25rem); letter-spacing:-.055em; line-height:1; margin:.5rem 0 .7rem; }
.cart-premium__header h1 em { color:var(--cart-primary); font-style:normal; }
.cart-premium__header p { color:var(--cart-muted); margin:0; }
.cart-premium__header-actions { align-items:center; display:flex; gap:.7rem; }
.cart-premium__header-actions form { margin:0; }
.cart-button { align-items:center; border:1px solid transparent; border-radius:13px; cursor:pointer; display:inline-flex; font:inherit; font-size:.76rem; font-weight:800; gap:.5rem; justify-content:center; min-height:44px; padding:.68rem 1rem; text-decoration:none; transition:background .25s,box-shadow .25s,transform .25s; }
.cart-button svg { height:17px; width:17px; }
.cart-button:hover { transform:translateY(-2px); }
.cart-button--outline { background:#fff; border-color:rgba(15,118,110,.45); color:var(--cart-primary); }
.cart-button--outline:hover { box-shadow:0 9px 22px rgba(15,118,110,.11); }
.cart-button--primary,.cart-button--checkout { background:linear-gradient(135deg,var(--cart-primary),#0b8e84); box-shadow:0 10px 24px rgba(15,118,110,.19); color:#fff; }
.cart-button--primary:hover,.cart-button--checkout:hover { background:linear-gradient(135deg,var(--cart-strong),var(--cart-primary)); box-shadow:0 14px 30px rgba(15,118,110,.25); }
.cart-button--soft { background:#f3f7f8; border-color:#dce6e9; color:var(--cart-ink); }
.cart-button--disabled { background:#e8eef1; color:#708196; width:100%; }
.cart-clear,.cart-remove { align-items:center; background:transparent; border:0; color:#cf4a58; cursor:pointer; display:flex; font:inherit; font-size:.7rem; font-weight:800; gap:.35rem; padding:.5rem; }
.cart-remove svg { height:15px; width:15px; }
.cart-premium__layout { align-items:start; display:grid; gap:1.4rem; grid-template-columns:minmax(0,1fr) 350px; }
.cart-premium__main { display:grid; gap:1.55rem; min-width:0; }
.cart-section-head { align-items:end; display:flex; justify-content:space-between; margin-bottom:.85rem; }
.cart-section-head h2 { font-size:1.25rem; letter-spacing:-.025em; margin:.3rem 0 0; }
.cart-section-head>a { color:var(--cart-primary); font-size:.72rem; font-weight:800; }
.cart-selection__list { display:grid; gap:.85rem; }
.cart-course-card { background:#fff; border:1px solid var(--cart-line); border-radius:22px; box-shadow:0 14px 38px rgba(15,42,67,.065); display:grid; grid-template-columns:240px minmax(0,1fr); min-height:240px; overflow:hidden; transition:box-shadow .25s,transform .25s; }
.cart-course-card:hover { box-shadow:0 20px 46px rgba(15,42,67,.1); transform:translateY(-3px); }
.cart-course-card__media { background:linear-gradient(145deg,#0b5f59,#14a89b); display:block; min-height:100%; overflow:hidden; }
.cart-course-card__media img { height:100%; object-fit:cover; transition:transform .4s ease; width:100%; }
.cart-course-card:hover .cart-course-card__media img { transform:scale(1.035); }
.cart-course-card__media>span { align-items:center; color:#fff; display:flex; flex-direction:column; height:100%; justify-content:center; min-height:240px; position:relative; }
.cart-course-card__media>span::before { border:1px solid rgba(255,255,255,.16); border-radius:50%; content:""; height:190px; position:absolute; right:-60px; top:-70px; width:190px; }
.cart-course-card__media strong { font-size:3rem; letter-spacing:-.08em; }
.cart-course-card__media small { font-size:.6rem; font-weight:800; letter-spacing:.18em; }
.cart-course-card__content { display:flex; flex-direction:column; padding:1.15rem 1.25rem; }
.cart-course-card__top { align-items:center; display:flex; justify-content:space-between; }
.cart-course-card__top>span { color:var(--cart-primary); font-size:.63rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.cart-course-card__top>strong { color:var(--cart-primary); font-size:1.1rem; }
.cart-course-card h3 { font-size:1.15rem; line-height:1.3; margin:.55rem 0 .8rem; }
.cart-course-card h3 a { color:var(--cart-ink); }
.cart-course-card__instructor { align-items:center; display:flex; gap:.6rem; }
.cart-course-card__instructor>span { align-items:center; background:#e8f3f2; border-radius:50%; color:var(--cart-primary); display:flex; flex:0 0 34px; font-size:.7rem; font-weight:850; height:34px; justify-content:center; overflow:hidden; width:34px; }
.cart-course-card__instructor img { height:100%; object-fit:cover; width:100%; }
.cart-course-card__instructor div { display:grid; }
.cart-course-card__instructor strong { font-size:.72rem; }
.cart-course-card__instructor small { color:var(--cart-muted); font-size:.62rem; }
.cart-course-card__facts { border-bottom:1px solid #edf2f4; border-top:1px solid #edf2f4; display:flex; flex-wrap:wrap; gap:.9rem; list-style:none; margin:.8rem 0; padding:.65rem 0; }
.cart-course-card__facts li { align-items:center; color:#63778a; display:flex; font-size:.63rem; gap:.3rem; }
.cart-course-card__facts svg { color:var(--cart-primary); height:15px; width:15px; }
.cart-course-card__actions { align-items:center; display:flex; gap:.55rem; margin-top:auto; }
.cart-course-card__actions form { margin:0; }
.cart-course-card__actions .cart-remove { margin-left:auto; }
.cart-empty-premium { align-items:center; background:radial-gradient(circle at 13% 45%,rgba(20,184,166,.1),transparent 18rem),#fff; border:1px solid var(--cart-line); border-radius:22px; box-shadow:0 16px 42px rgba(15,42,67,.065); display:grid; gap:2rem; grid-template-columns:270px minmax(0,1fr); min-height:280px; overflow:hidden; padding:1.7rem clamp(1.4rem,3vw,2.5rem); position:relative; }
.cart-empty-premium::after { border:1px solid rgba(20,184,166,.12); border-radius:50%; content:""; height:230px; position:absolute; right:-90px; top:-110px; width:230px; }
.cart-empty-premium__art { align-items:center; display:flex; justify-content:center; min-height:220px; position:relative; }
.cart-empty-premium__art svg { color:#0d9488; height:190px; position:relative; width:220px; z-index:1; }
.cart-empty-premium__art svg circle:first-child { fill:rgba(20,184,166,.08); stroke:none; }
.cart-empty-premium__art i { background:var(--cart-accent); border-radius:3px; height:8px; opacity:.35; position:absolute; transform:rotate(45deg); width:8px; }
.cart-empty-premium__art i:nth-of-type(1) { left:25px; top:52px; }.cart-empty-premium__art i:nth-of-type(2) { right:24px; top:70px; }.cart-empty-premium__art i:nth-of-type(3) { bottom:38px; right:42px; }
.cart-empty-premium__copy { position:relative; z-index:1; }
.cart-empty-premium__copy h2 { font-size:1.55rem; margin:.55rem 0 .65rem; }
.cart-empty-premium__copy p { color:var(--cart-muted); line-height:1.7; margin:0 0 1.15rem; max-width:500px; }
.cart-recommendations-premium { display:grid; }
.cart-recommendations-premium__grid { display:grid; gap:.85rem; grid-template-columns:repeat(3,minmax(0,1fr)); }
.cart-recommendation-premium { background:#fff; border:1px solid var(--cart-line); border-radius:20px; box-shadow:0 11px 32px rgba(15,42,67,.055); overflow:hidden; transition:box-shadow .25s,transform .25s; }
.cart-recommendation-premium:hover { box-shadow:0 18px 40px rgba(15,42,67,.1); transform:translateY(-4px); }
.cart-recommendation-premium__media { background:linear-gradient(135deg,#0b5f59,#14a89b); display:block; height:155px; overflow:hidden; position:relative; }
.cart-recommendation-premium__media img { height:100%; object-fit:cover; transition:transform .4s; width:100%; }
.cart-recommendation-premium:hover img { transform:scale(1.045); }
.cart-recommendation-premium__media>span { align-items:center; color:#fff; display:flex; flex-direction:column; height:100%; justify-content:center; }
.cart-recommendation-premium__media>span strong { font-size:2.7rem; }.cart-recommendation-premium__media>span small { font-size:.55rem; letter-spacing:.17em; }
.cart-recommendation-premium__media i { align-items:center; backdrop-filter:blur(8px); background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff; display:flex; height:32px; justify-content:center; position:absolute; right:10px; top:10px; width:32px; }
.cart-recommendation-premium__media i svg { height:15px; width:15px; }
.cart-recommendation-premium__body { display:flex; flex-direction:column; min-height:220px; padding:.9rem; }
.cart-recommendation-premium__body>span { color:var(--cart-primary); font-size:.59rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.cart-recommendation-premium h3 { display:-webkit-box; font-size:.9rem; line-height:1.35; margin:.45rem 0; min-height:2.45em; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cart-recommendation-premium h3 a { color:var(--cart-ink); }
.cart-recommendation-premium__body>p { color:var(--cart-muted); font-size:.64rem; margin:0; }
.cart-recommendation-premium ul { display:flex; gap:.8rem; list-style:none; margin:.75rem 0; padding:0; }
.cart-recommendation-premium li { color:#65798a; font-size:.61rem; }
.cart-recommendation-premium footer { align-items:center; border-top:1px solid #edf2f4; display:flex; justify-content:space-between; margin-top:auto; padding-top:.7rem; }
.cart-recommendation-premium footer strong { color:var(--cart-primary); font-size:.85rem; }
.cart-recommendation-premium footer form { margin:0; }
.cart-recommendation-premium footer button { align-items:center; background:#fff; border:1px solid rgba(15,118,110,.35); border-radius:11px; color:var(--cart-primary); cursor:pointer; display:flex; height:36px; justify-content:center; transition:.25s; width:36px; }
.cart-recommendation-premium footer button:hover { background:var(--cart-primary); color:#fff; transform:scale(1.05); }
.cart-recommendation-premium footer svg { height:17px; width:17px; }
.cart-summary-premium { background:#fff; border:1px solid var(--cart-line); border-radius:22px; box-shadow:0 18px 48px rgba(15,42,67,.085); padding:1.45rem; position:sticky; top:88px; }
.cart-summary-premium h2 { font-size:1.45rem; margin:.35rem 0 1.15rem; }
.cart-summary-premium__count { align-items:center; display:flex; gap:.8rem; }
.cart-summary-premium__count>span { align-items:center; background:#e8f6f4; border-radius:16px; color:var(--cart-primary); display:flex; height:52px; justify-content:center; width:52px; }
.cart-summary-premium__count svg { height:24px; width:24px; }
.cart-summary-premium__count div { display:grid; gap:.1rem; }.cart-summary-premium__count strong { font-size:.76rem; }.cart-summary-premium__count small { color:var(--cart-muted); font-size:.68rem; }
.cart-summary-premium__numbers { border-bottom:1px solid #e7eef0; border-top:1px solid #e7eef0; display:grid; gap:.7rem; margin:1.1rem 0; padding:1rem 0; }
.cart-summary-premium__numbers div { display:flex; justify-content:space-between; }.cart-summary-premium__numbers dt,.cart-summary-premium__numbers dd { color:#65798a; font-size:.7rem; margin:0; }.cart-summary-premium__numbers dd { font-weight:750; }
.cart-summary-premium__total { display:grid; gap:.2rem; }.cart-summary-premium__total span { color:var(--cart-muted); font-size:.7rem; }.cart-summary-premium__total strong { color:var(--cart-primary); font-size:2rem; letter-spacing:-.04em; }
.cart-summary-premium__checkout { display:grid; gap:.65rem; margin-top:1.1rem; }
.cart-summary-premium__checkout label { align-items:center; background:#eef8f7; border-radius:14px; display:flex; gap:.65rem; padding:.75rem; }
.cart-summary-premium__checkout label>span { align-items:center; color:var(--cart-primary); display:flex; }.cart-summary-premium__checkout label svg { height:20px; width:20px; }.cart-summary-premium__checkout label div { display:grid; }.cart-summary-premium__checkout label strong { font-size:.7rem; }.cart-summary-premium__checkout label small { color:var(--cart-muted); font-size:.6rem; }
.cart-summary-premium__checkout input { background:#fff; border:1px solid var(--cart-line); border-radius:12px; color:var(--cart-ink); font:inherit; font-size:.72rem; min-height:43px; outline:0; padding:.65rem .8rem; width:100%; }.cart-summary-premium__checkout input:focus { border-color:rgba(15,118,110,.55); box-shadow:0 0 0 4px rgba(20,184,166,.09); }
.cart-button--checkout { margin-top:.75rem; min-height:50px; width:100%; }
.cart-coupon-info { background:#eef8f7; border-radius:14px; display:grid; gap:.2rem; margin-top:1rem; padding:.9rem; }.cart-coupon-info strong { font-size:.72rem; }.cart-coupon-info span { color:var(--cart-muted); font-size:.64rem; }
.cart-trust { display:grid; gap:.45rem; list-style:none; margin:1.1rem 0; padding:0; }.cart-trust li { color:#526a7b; font-size:.64rem; }.cart-trust span { color:var(--cart-primary); font-weight:900; margin-right:.35rem; }
.cart-summary-premium__note { color:var(--cart-muted); font-size:.62rem; line-height:1.55; margin:0; }
.cart-benefits { background:#fff; border:1px solid var(--cart-line); border-radius:22px; box-shadow:0 13px 35px rgba(15,42,67,.055); padding:1.25rem; }
.cart-benefits h2 { font-size:1.05rem; margin:0 0 1rem; text-align:center; }
.cart-benefits__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.cart-benefits article { align-items:center; display:grid; gap:.75rem; grid-template-columns:46px minmax(0,1fr); padding:.6rem 1.1rem; }.cart-benefits article+article { border-left:1px solid #e6edef; }
.cart-benefits article>span { align-items:center; background:#e9f7f5; border-radius:50%; color:var(--cart-primary); display:flex; height:44px; justify-content:center; width:44px; }.cart-benefits svg { height:21px; width:21px; }.cart-benefits article div { display:grid; gap:.15rem; }.cart-benefits strong { font-size:.7rem; }.cart-benefits p { color:var(--cart-muted); font-size:.61rem; line-height:1.45; margin:0; }
.cart-premium.is-ready>nav,.cart-premium.is-ready>header,.cart-premium.is-ready>.cart-premium__layout,.cart-premium.is-ready>.cart-benefits { animation:cart-enter .32s ease both; }.cart-premium.is-ready>header { animation-delay:35ms; }.cart-premium.is-ready>.cart-premium__layout { animation-delay:70ms; }.cart-premium.is-ready>.cart-benefits { animation-delay:105ms; }
@keyframes cart-enter { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:none; } }
@media (max-width:1180px) { .cart-premium__layout { grid-template-columns:minmax(0,1fr) 310px; }.cart-course-card { grid-template-columns:200px minmax(0,1fr); }.cart-benefits__grid { grid-template-columns:repeat(2,1fr); }.cart-benefits article:nth-child(3) { border-left:0; border-top:1px solid #e6edef; }.cart-benefits article:nth-child(4) { border-top:1px solid #e6edef; } }
@media (max-width:940px) { .cart-premium__layout { grid-template-columns:1fr; }.cart-summary-premium { grid-row:2; position:static; }.cart-recommendations-premium__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) { .cart-premium-page .catalog-app__content { padding:.8rem; }.cart-flow__step div { display:none; }.cart-flow__line { margin:0 .7rem; width:54px; }.cart-premium__header { align-items:start; flex-direction:column; gap:1rem; }.cart-premium__header-actions { width:100%; }.cart-premium__header-actions .cart-button,.cart-premium__header-actions form,.cart-premium__header-actions form button { flex:1; }.cart-course-card { grid-template-columns:1fr; }.cart-course-card__media { height:190px; }.cart-course-card__media>span { min-height:190px; }.cart-course-card__actions { align-items:stretch; flex-direction:column; }.cart-course-card__actions .cart-button,.cart-course-card__actions form,.cart-course-card__actions form button { width:100%; }.cart-course-card__actions .cart-remove { justify-content:center; margin-left:0; }.cart-empty-premium { grid-template-columns:1fr; text-align:center; }.cart-empty-premium__art { min-height:150px; }.cart-empty-premium__art svg { height:150px; }.cart-empty-premium__copy .cart-button { width:100%; }.cart-recommendations-premium__grid { grid-template-columns:1fr; }.cart-recommendation-premium__media { height:190px; }.cart-section-head { align-items:start; flex-direction:column; gap:.4rem; }.cart-benefits__grid { grid-template-columns:1fr; }.cart-benefits article+article,.cart-benefits article:nth-child(3),.cart-benefits article:nth-child(4) { border-left:0; border-top:1px solid #e6edef; } }
@media (prefers-reduced-motion:reduce) { .cart-premium * { animation:none!important; transition-duration:.01ms!important; } }
.dashboard-dark.cart-premium-page .catalog-app__content { background:radial-gradient(circle at 85% 0,rgba(20,184,166,.07),transparent 30rem),#0c1620; }
.dashboard-dark .cart-premium { --cart-ink:#e8f1f5; --cart-muted:#94a7b7; --cart-line:#293b48; --cart-soft:#14242d; }
.dashboard-dark .cart-flow,.dashboard-dark .cart-course-card,.dashboard-dark .cart-empty-premium,.dashboard-dark .cart-recommendation-premium,.dashboard-dark .cart-summary-premium,.dashboard-dark .cart-benefits { background-color:#14212d; }
.dashboard-dark .cart-flow { background:#14212d; }.dashboard-dark .cart-button--outline,.dashboard-dark .cart-button--soft { background:#172733; border-color:#30444f; color:#e7f0f4; }.dashboard-dark .cart-course-card h3 a,.dashboard-dark .cart-recommendation-premium h3 a { color:#edf5f7; }.dashboard-dark .cart-summary-premium__checkout label,.dashboard-dark .cart-coupon-info { background:#102b2a; }.dashboard-dark .cart-summary-premium__checkout input { background:#0e1b25; color:#e9f2f6; }.dashboard-dark .cart-course-card__facts,.dashboard-dark .cart-summary-premium__numbers,.dashboard-dark .cart-recommendation-premium footer { border-color:#293b48; }.dashboard-dark .cart-benefits article+article { border-color:#293b48; }
.dashboard-dark .cart-summary-premium__count>span,.dashboard-dark .cart-course-card__instructor>span,.dashboard-dark .cart-benefits article>span { background:#103431; color:#5eead4; }
.dashboard-dark .cart-flow__step:not(.is-active)>span { background:#1c2d38; color:#91a6b8; }