/* Chainbey Learning service: illustrated teaching journey with tasteful motion. */
.site-page--detail-learning .cb-detail-device{overflow:visible}
.site-page--detail-learning .cb-detail-device-header,
.site-page--detail-learning .cb-detail-device-footer{background:#112322;border-radius:14px 14px 0 0}
.cb-learning-service-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:394px;padding:36px 34px 40px;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(0,230,118,.13),transparent 65%),linear-gradient(140deg,#0f2224,#0a151b)}
.cb-learning-service-halo{position:absolute;inset:12%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 210deg,#00e67628 250deg,transparent 310deg);filter:blur(20px);animation:cbLearnGlow 9s ease-in-out infinite alternate}
.cb-learning-service-book{position:relative;z-index:1;width:min(100%,370px);padding:17px 18px 20px;background:linear-gradient(165deg,#183a30,#101f24 85%);border:1px solid #528466;border-radius:17px;box-shadow:0 25px 65px #0009,0 0 42px #00e6760e;animation:cbLearnFloat 5.5s ease-in-out infinite}
.cb-learning-service-book-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #355c4c;color:#81ffb8;letter-spacing:.08em;font-size:9px;font-weight:900}
.cb-learning-service-book-head span{display:inline-flex;align-items:center;gap:8px}
.cb-learning-service-book-head i{font-size:17px}
.cb-learning-service-book-head small{font-size:8px;color:#86a89b}
.cb-learning-service-book-title{font:700 20px/1.3 "Space Grotesk",sans-serif;letter-spacing:-.035em;color:#eefff4;margin:17px 0}
.cb-learning-service-book-module{display:flex;align-items:center;gap:12px;margin:9px 0;padding:10px 11px;border:1px solid #2e5846;background:#112921;border-radius:9px;animation:cbLearnEntry .6s ease both}
.cb-learning-service-module-one{animation-delay:.1s}
.cb-learning-service-module-two{animation-delay:.35s}
.cb-learning-service-module-three{animation-delay:.6s}
.cb-learning-service-book-module>span{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#215640;border-radius:9px;color:#00e676;font-size:19px}
.cb-learning-service-book-module>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.cb-learning-service-book-module strong{font-size:11px;line-height:1.4;color:#effff5}
.cb-learning-service-book-module small{font-size:9px;color:#91ae9f}
.cb-learning-service-book-module>b{font-size:10px;color:#77a98e}
.cb-learning-service-progress-label{display:flex;justify-content:space-between;gap:7px;margin-top:17px;font-size:8px;font-weight:700;color:#9dbeac;letter-spacing:.06em}
.cb-learning-service-progress{height:6px;background:#2c4b3e;border-radius:999px;margin-top:9px;overflow:hidden}
.cb-learning-service-progress span{display:block;height:100%;width:66%;border-radius:999px;background:#00e676;transform-origin:left;animation:cbLearnProgress 3.5s ease-in-out infinite alternate}
.cb-learning-service-award{position:absolute;right:10px;bottom:24px;z-index:2;display:flex;align-items:center;gap:8px;padding:12px 14px;background:#153c2b;border:1px solid #58ac70;box-shadow:0 12px 30px #0007;border-radius:9px;color:#b3ffcc;font-size:9px;font-weight:900;letter-spacing:.05em;animation:cbLearnFloat 6.5s -2s ease-in-out infinite}
.cb-learning-service-award i{font-size:22px;color:#00e676}
.cb-learning-service-orbit-icon{position:absolute;z-index:0;display:grid;place-items:center;width:60px;height:60px;background:#16432e;border:1px solid #397b54;border-radius:18px;color:#00e676;font-size:25px;box-shadow:0 13px 30px #0006;animation:cbLearnFloat 6.1s ease-in-out infinite}
.cb-learning-service-orbit-one{left:5%;top:17%}
.cb-learning-service-orbit-two{right:6%;top:17%;animation-delay:-2s}
.cb-learning-service-showcase{background:#091719}
.cb-learning-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.cb-learning-service-card{min-width:0;overflow:hidden;background:#101f21;border:1px solid #2d5142;border-radius:15px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.cb-learning-service-card:hover{transform:translateY(-4px);border-color:#00e676;box-shadow:0 20px 40px #0005}
.cb-learning-service-cover{display:grid;place-items:center;aspect-ratio:1/1;background:#122d29;color:#00e676;text-decoration:none;font-size:67px;overflow:hidden}
.cb-learning-service-cover img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.cb-learning-service-card:hover img{transform:scale(1.035)}
.cb-learning-service-card-body{display:flex;flex-direction:column;gap:10px;padding:17px 19px 18px;min-height:190px}
.cb-learning-service-course-label{font-size:9px;color:#00e676;letter-spacing:.14em;font-weight:900}
.cb-learning-service-card-body h3{font:700 17px/1.4 "Space Grotesk",sans-serif;margin:0;color:#effff5;overflow-wrap:anywhere}
.cb-learning-service-card-body h3 a{color:inherit;text-decoration:none}
.cb-learning-service-card-body h3 a:hover{color:#00e676}
.cb-learning-service-card-body p{font-size:12px;line-height:1.65;color:#acc5b8;margin:0}
.cb-learning-service-course-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #285044;margin-top:auto;padding-top:13px}
.cb-learning-service-course-foot strong{color:#c4fce0;font-size:12px}
.cb-learning-service-course-foot a{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#00d173;color:#082017;text-decoration:none}
.cb-learning-service-empty{background:#10261f;border:1px dashed #3e7053;border-radius:14px;margin-top:28px;padding:33px;text-align:center}
.cb-learning-service-empty>i{color:#00e676;font-size:36px}
.cb-learning-service-empty h3{margin:12px 0 7px;color:#e8fff2;font-size:20px}
.cb-learning-service-empty p{color:#afc3b6;font-size:12px}
.cb-learning-service-explore{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:29px;padding:23px 27px;border:1px solid #356d50;background:linear-gradient(105deg,#143a2b,#122623);border-radius:13px}
.cb-learning-service-explore>div{display:flex;flex-direction:column;gap:7px}
.cb-learning-service-explore strong{font-size:17px;color:#eefff5}
.cb-learning-service-explore span{font-size:12px;line-height:1.6;color:#afcbbc}
.cb-learning-service-explore .site-button{flex:none}
@keyframes cbLearnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes cbLearnGlow{from{opacity:.55;transform:rotate(0)}to{opacity:1;transform:rotate(70deg)}}
@keyframes cbLearnEntry{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@keyframes cbLearnProgress{from{transform:scaleX(.45)}to{transform:scaleX(1)}}
@media(max-width:1000px){.cb-learning-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-learning-service-hero{padding:27px 20px;min-height:360px}.cb-learning-service-award{right:7px;bottom:9px}}
@media(max-width:650px){.cb-learning-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cb-learning-service-card-body{padding:13px;min-height:170px}.cb-learning-service-card-body h3{font-size:14px}.cb-learning-service-card-body p{font-size:11px}.cb-learning-service-explore{align-items:stretch;flex-direction:column;padding:18px}.cb-learning-service-explore .site-button{width:100%;justify-content:center}.cb-learning-service-hero{min-height:375px}.cb-learning-service-orbit-icon{width:43px;height:43px;font-size:20px}.cb-learning-service-award{font-size:8px;padding:8px}}
@media(max-width:410px){.cb-learning-service-grid{grid-template-columns:1fr}.cb-learning-service-hero{padding:18px 11px 35px;min-height:350px}.cb-learning-service-book{padding:12px 11px 15px}.cb-learning-service-orbit-icon{display:none}.cb-learning-service-book-title{font-size:17px}.cb-learning-service-award{right:5px;bottom:6px}.cb-learning-service-card-body{min-height:165px}}
@media(prefers-reduced-motion:reduce){.cb-learning-service-halo,.cb-learning-service-book,.cb-learning-service-book-module,.cb-learning-service-award,.cb-learning-service-orbit-icon,.cb-learning-service-progress span{animation:none!important}.cb-learning-service-card,.cb-learning-service-cover img{transition:none!important}.cb-learning-service-card:hover{transform:none}}