.course-phases{--cp-bg: #070a10;--cp-card: rgba(255, 255, 255, .03);--cp-border: rgba(255, 255, 255, .06);--cp-text: #ffffff;--cp-muted: rgba(148, 163, 184, .9);--cp-muted2: rgba(148, 163, 184, .65);--cp-primary: #06a0f9;--cp-green: #22c55e;--cp-purple: #a855f7;--cp-yellow: #eab308;padding:clamp(56px,7vw,110px) 0;background:radial-gradient(1200px 600px at 50% -200px,rgba(6,160,249,.18),transparent 60%),radial-gradient(900px 500px at 85% 10%,rgba(168,85,247,.1),transparent 55%),radial-gradient(900px 500px at 15% 10%,rgba(34,197,94,.08),transparent 55%),var(--cp-bg)}.course-phases .cp-container{width:min(1150px,calc(100% - 40px));margin:0 auto}.cp-head{text-align:center;margin-bottom:clamp(36px,5vw,64px)}.cp-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(6,160,249,.2);background:#06a0f91a;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cp-primary);margin-bottom:14px}.cp-title{font-size:clamp(40px,5vw,76px);line-height:1;font-weight:900;letter-spacing:-.03em;margin:0 0 14px}.cp-title.cp-gradient{background:linear-gradient(90deg,#fff,#94a3b8d9);-webkit-background-clip:text;background-clip:text;color:transparent}.cp-subtitle{margin:0 auto;max-width:680px;font-size:18px;line-height:1.65;font-weight:300;color:var(--cp-muted)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.glass-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--cp-border);background:linear-gradient(180deg,#ffffff0a,#ffffff05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:26px;box-shadow:0 16px 60px #0006;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.glass-card:hover{transform:translateY(-4px);border-color:#ffffff1a;box-shadow:0 22px 80px #00000080}.cp-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.cp-phase-pill{border-radius:999px;padding:6px 12px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.cp-phase-pill.primary{background:#06a0f92e;color:var(--cp-primary)}.cp-phase-pill.green{background:#22c55e2e;color:var(--cp-green)}.cp-phase-pill.purple{background:#a855f72e;color:#d8b4fef2}.cp-phase-pill.yellow{background:#eab3082e;color:var(--cp-yellow)}.cp-meta{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--cp-muted2)}.cp-meta .dot{opacity:.5}.cp-h3{margin:0 0 10px;font-size:28px;font-weight:800;letter-spacing:-.01em;color:var(--cp-text)}.cp-h3.sm{font-size:20px}.cp-h3.md{font-size:24px}.cp-p{margin:0;color:var(--cp-muted2);line-height:1.6;font-size:14px}.cp-p.md{font-size:15px}.cp-p.lg{font-size:16px}.cp-bottom{display:flex;align-items:center;gap:14px;margin-top:18px}.cp-iconbox{width:64px;height:64px;border-radius:14px;background:#06a0f90f;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000004d;flex:0 0 auto}.cp-iconbox.sm{width:44px;height:44px;border-radius:10px}.cp-iconbox.green{background:#22c55e0f}.cp-iconbox.purple{background:#a855f70f}.cp-iconbox.yellow{background:#eab3080f}.cp-iconbox img{width:100%;height:100%;object-fit:contain;padding:10px;filter:drop-shadow(0 0 10px rgba(6,160,249,.22))}.cp-iconbox.green img{filter:hue-rotate(90deg) drop-shadow(0 0 10px rgba(34,197,94,.2))}.cp-iconbox.purple img{filter:hue-rotate(250deg) drop-shadow(0 0 10px rgba(168,85,247,.22))}.cp-iconbox.yellow img{filter:drop-shadow(0 0 14px rgba(234,179,8,.2))}.cp-avatars{display:flex;align-items:center;gap:10px;margin-left:2px}.cp-avatars .stack{display:flex;align-items:center}.cp-avatars .bubble{width:32px;height:32px;border-radius:999px;border:2px solid rgba(7,10,16,1);display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;margin-left:-8px}.cp-avatars .bubble.one{background:#1e293b}.cp-avatars .bubble.two{background:#334155}.cp-avatars .bubble.three{background:var(--cp-primary)}.cp-avatars .label{font-size:12px;font-weight:600;color:var(--cp-muted2)}.cp-live-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}.cp-live-dot{width:8px;height:8px;border-radius:999px;background:#ef4444;box-shadow:0 0 #ef444473;animation:cpPulse 1.2s infinite}@keyframes cpPulse{0%{box-shadow:0 0 #ef444473}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.cp-time-pill{display:inline-flex;align-items:center;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);padding:8px 12px;font-size:12px;font-weight:800;color:#fff;margin-top:16px}.cp-split{display:flex;height:100%;flex-direction:column}.cp-split.md-row{flex-direction:column}.cp-split .left{flex:1 1 auto;padding:26px}.cp-split .right{flex:0 0 auto;min-height:180px;display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.06);background:#0f172a4d;position:relative}.cp-split .right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(450px 260px at 30% 20%,rgba(234,179,8,.14),transparent 60%);pointer-events:none}.cp-split .right img{width:132px;height:132px;object-fit:contain;z-index:1}.cp-wide-nopad{padding:0}.cp-statbar{margin-top:22px;display:grid;grid-template-columns:1fr;gap:14px}.cp-stat{display:flex;align-items:center;gap:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:18px}.cp-stat .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:var(--cp-primary);background:#06a0f91f;border:1px solid rgba(6,160,249,.14)}.cp-stat .ic.green{color:var(--cp-green);background:#22c55e1f;border-color:#22c55e24}.cp-stat .ic.purple{color:#d8b4fef2;background:#a855f71f;border-color:#a855f724}.cp-stat .t1{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--cp-muted2);margin:0 0 4px}.cp-stat .t2{font-size:20px;font-weight:900;color:#fff;margin:0}.cp-stat .delta{margin-left:auto;font-size:12px;font-weight:900;color:var(--cp-green)}.cp-col-12{grid-column:span 12}@media(min-width:990px){.bento-grid{gap:18px}.cp-lg-8{grid-column:span 8}.cp-lg-7{grid-column:span 7}.cp-lg-5{grid-column:span 5}.cp-lg-4{grid-column:span 4}.cp-rowspan-2{grid-row:span 2}.cp-split.md-row{flex-direction:row}.cp-split .right{min-height:auto;width:260px;border-top:0;border-left:1px solid rgba(255,255,255,.06)}.cp-statbar{margin-top:22px;grid-template-columns:repeat(3,1fr);gap:18px}}.cp-blob{position:absolute;width:280px;height:280px;border-radius:999px;filter:blur(60px);opacity:0;transition:opacity .22s ease;pointer-events:none}.glass-card:hover .cp-blob{opacity:1}.cp-blob.primary{background:#06a0f91f;top:-80px;right:-80px}.cp-blob.soft{background:#06a0f912;right:-40px;bottom:-40px;width:160px;height:160px;filter:blur(35px);opacity:1}.cp-stat .ic img{width:22px;height:22px;object-fit:contain;display:block}
/*# sourceMappingURL=/cdn/shop/t/10/assets/course-phases-bento.css.map */