.course-pillars{--cp-bg: #0a0a0c;--cp-card: #111116;--cp-accent: #ccf832;--cp-ar: 204, 248, 50;--cp-border: rgba(255, 255, 255, .08);--cp-text: rgba(255, 255, 255, .65);--cp-heading: #fff;background:var(--cp-bg);padding:100px 0;overflow:hidden}.course-pillars-section{background:var(--cp-bg)!important}.cp__wrap{max-width:1100px;margin:0 auto;padding:0 24px}.cp__header{text-align:center;margin-bottom:64px}.cp__eyebrow{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:100px;margin-bottom:20px}.cp__title{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;color:var(--cp-heading);margin:0 0 16px;line-height:1.15;text-wrap:balance}.cp__subtitle{font-size:1.05rem;color:var(--cp-text);margin:0 auto;max-width:600px;line-height:1.7}.cp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.cp__icon{width:56px;height:56px;color:var(--cp-accent);flex-shrink:0;transition:transform .4s ease,color .3s ease}.cp__icon svg{width:100%;height:100%}.cp__step{display:none}.cp__name{font-size:1.1rem;font-weight:700;color:var(--cp-heading);margin:0 0 8px;transition:color .3s ease}.cp__desc{font-size:.9rem;color:var(--cp-text);line-height:1.65;margin:0}.cp__card{position:relative;text-align:center;padding:36px 24px 32px;border-radius:20px;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease,background .4s ease}.cp__card .cp__icon{margin:0 auto 16px}.cp__bottom{text-align:center;margin-top:56px}.cp__bottom-text{font-size:clamp(.95rem,2vw,1.1rem);color:#fff6;line-height:1.75;margin:0 auto;max-width:700px}.cp__bottom-text p{margin:0}.cp__bottom-text strong{color:#fff9;font-weight:600}.cp__header,.cp__card,.cp__bottom{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .4s ease,border-color .4s ease,background .4s ease}.cp__card:nth-child(1){transition-delay:0s}.cp__card:nth-child(2){transition-delay:.1s}.cp__card:nth-child(3){transition-delay:.2s}.cp__card:nth-child(4){transition-delay:.3s}.cp__bottom{transition-delay:.2s}.course-pillars.is-visible .cp__header,.course-pillars.is-visible .cp__card,.course-pillars.is-visible .cp__bottom{opacity:1;transform:translateY(0)}.cp--neon .cp__card{background:var(--cp-card);border:1px solid var(--cp-border)}.cp--neon .cp__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(var(--cp-ar),.12) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.cp--neon .cp__card:hover{border-color:rgba(var(--cp-ar),.4);transform:translateY(-8px);box-shadow:0 0 30px rgba(var(--cp-ar),.15),0 0 60px rgba(var(--cp-ar),.08),0 20px 50px #0006}.cp--neon .cp__card:hover:before{opacity:1}.cp--neon .cp__card:hover .cp__icon{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(var(--cp-ar),.5))}.cp--neon .cp__card:hover .cp__step{opacity:1}.cp--fill .cp__card{background:transparent;border:1px solid rgba(255,255,255,.1)}.cp--fill .cp__card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:0%;background:linear-gradient(to top,rgba(var(--cp-ar),.12),rgba(var(--cp-ar),.03));transition:height .5s cubic-bezier(.22,1,.36,1);pointer-events:none;border-radius:20px}.cp--fill .cp__card:hover:before{height:100%}.cp--fill .cp__card:hover{border-color:rgba(var(--cp-ar),.3);transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.cp--fill .cp__card:hover .cp__icon{transform:scale(1.12) rotate(-5deg)}.cp--fill .cp__card:hover .cp__name{color:var(--cp-accent)}.cp--spotlight .cp__card{background:var(--cp-card);border:1px solid var(--cp-border)}.cp--spotlight .cp__card:before{content:"";position:absolute;width:200px;height:200px;top:-60px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(var(--cp-ar),.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease,top .4s ease;pointer-events:none;border-radius:50%}.cp--spotlight .cp__card:hover{transform:translateY(-10px) scale(1.03);border-color:rgba(var(--cp-ar),.25);box-shadow:0 30px 60px #0006;z-index:2}.cp--spotlight .cp__card:hover:before{opacity:1;top:-40px}.cp--spotlight .cp__card:hover .cp__icon{transform:translateY(-6px) scale(1.15)}.cp--trace .cp__card{background:var(--cp-card);border:2px solid transparent;background-clip:padding-box}.cp--trace .cp__card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(var(--cp-card),var(--cp-card)) padding-box,linear-gradient(135deg,rgba(var(--cp-ar),.1),transparent 40%,transparent 60%,rgba(var(--cp-ar),.1)) border-box;z-index:-1;transition:background .4s ease}.cp--trace .cp__card:hover:before{background:linear-gradient(var(--cp-card),var(--cp-card)) padding-box,conic-gradient(from var(--border-angle, 0deg),var(--cp-accent),transparent 30%,transparent 70%,var(--cp-accent)) border-box;animation:cpBorderSpin 3s linear infinite}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes cpBorderSpin{to{--border-angle: 360deg}}.cp--trace .cp__card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0000004d,0 0 20px rgba(var(--cp-ar),.06)}.cp--trace .cp__card:hover .cp__icon{transform:scale(1.1)}.cp--trace .cp__card:hover .cp__step{opacity:1}.cp--glass .cp__card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cp--glass .cp__card:before,.cp--glass .cp__card:after{content:"";position:absolute;border-radius:50%;pointer-events:none;transition:opacity .5s ease,transform .5s ease;opacity:0}.cp--glass .cp__card:before{width:120px;height:120px;top:-30px;right:-30px;background:rgba(var(--cp-ar),.12);filter:blur(40px)}.cp--glass .cp__card:after{width:100px;height:100px;bottom:-20px;left:-20px;background:#7850ff14;filter:blur(40px)}.cp--glass .cp__card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-10px);box-shadow:0 30px 60px #00000059,inset 0 1px #ffffff14}.cp--glass .cp__card:hover:before,.cp--glass .cp__card:hover:after{opacity:1}.cp--glass .cp__card:hover:before{transform:translate(10px,10px)}.cp--glass .cp__card:hover:after{transform:translate(-10px,-10px)}.cp--glass .cp__card:hover .cp__icon{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(var(--cp-ar),.4))}@media(max-width:900px){.course-pillars{padding:70px 0}.cp__header{margin-bottom:40px}.cp__grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:600px){.course-pillars{padding:60px 0}.cp__grid{grid-template-columns:1fr;gap:14px}.cp__card{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;text-align:left;gap:0 16px;padding:24px 20px}.cp__card .cp__icon{grid-row:1 / 4;width:48px;height:48px;margin:0}.cp__step{margin:0}.cp__name{margin:0 0 4px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/course-pillars.css.map */