.hero-card{overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.hero-card:hover{transform:translateY(-8px)}.card-visual{justify-content:center;position:relative;overflow:hidden}.card-footer,.card-visual{display:flex;align-items:center}.card-footer{padding:24px 32px;gap:12px;background:#fff;border-top:1px solid #f0f0f0}.card-footer-text{font-size:18px;font-weight:600;color:#1a1a1a}.arrow{color:#00d9a3;font-size:20px;font-weight:700;transition:transform .3s ease}.hero-card:hover .arrow{transform:translateX(5px)}.courses-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.book-stack{position:relative;width:200px;height:200px}.book{position:absolute;width:140px;height:180px;background:linear-gradient(135deg,#00d9a3,#00a67d);border-radius:8px 12px 12px 8px;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:floatBook 3s ease-in-out infinite}.book:before{left:0;top:0;width:12px;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent);border-radius:8px 0 0 8px}.book:after,.book:before{content:"";position:absolute}.book:after{left:20px;top:30px;width:100px;height:6px;background:hsla(0,0%,100%,.3);border-radius:3px}.book-line{position:absolute;left:20px;width:100px;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px}.line1{top:60px}.line2{top:75px;width:80px}.line3{top:90px;width:90px}.line4{top:105px;width:70px}.book1{left:0;top:20px;animation-delay:0s;opacity:.9;transform:rotate(-15deg)}.book2{left:30px;top:10px;animation-delay:.5s;background:linear-gradient(135deg,#667eea,#764ba2);z-index:2}.book3{left:60px;top:20px;animation-delay:1s;opacity:.9;transform:rotate(15deg);background:linear-gradient(135deg,#f093fb,#f5576c)}@keyframes floatBook{0%,to{transform:translateY(0) rotate(var(--rotate,0deg))}50%{transform:translateY(-15px) rotate(var(--rotate,0deg))}}.book1{--rotate:-15deg}.book2{--rotate:0deg}.book3{--rotate:15deg}.sparkle{position:absolute;width:8px;height:8px;background:hsla(0,0%,100%,.8);border-radius:50%;animation:sparkle 2s ease-in-out infinite}.sparkle1{top:15%;left:15%;animation-delay:0s}.sparkle2{top:25%;right:20%;animation-delay:.7s}.sparkle3{bottom:20%;left:25%;animation-delay:1.4s}.sparkle4{bottom:30%;right:15%;animation-delay:.5s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.quests-bg{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quest-map{position:relative;width:280px;height:240px}.quest-path{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:180px}.quest-path-line{position:absolute}.path-svg,.quest-path-line{width:100%;height:100%}.animated-path{stroke-dasharray:600;stroke-dashoffset:600;animation:drawPath 4s ease-in-out infinite}@keyframes drawPath{0%{stroke-dashoffset:600}50%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.checkpoint{position:absolute;width:50px;height:50px;background:#00d9a3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 20px rgba(0,217,163,.4);animation:pulse 2s ease-in-out infinite;border:4px solid hsla(0,0%,100%,.3)}.checkpoint:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #00d9a3;animation:rippleOut 2s ease-out infinite}@keyframes rippleOut{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}.cp1{top:10%;left:10%;animation-delay:0s}.cp2{top:30%;left:50%;animation-delay:.5s;background:#667eea}.cp2:after{border-color:#667eea}.cp3{top:60%;left:30%;animation-delay:1s;background:#f093fb}.cp3:after{border-color:#f093fb}.cp4{bottom:10%;right:15%;animation-delay:1.5s;background:#feca57}.cp4:after{border-color:#feca57}.quest-badge{position:absolute;width:40px;height:40px;background:hsla(0,0%,100%,.9);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:floatBadge 3s ease-in-out infinite}.badge1{top:5%;right:15%;animation-delay:0s}.badge2{bottom:15%;left:10%;animation-delay:1s}@keyframes floatBadge{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.star-particle{position:absolute;font-size:16px;animation:starFloat 3s ease-in-out infinite;opacity:0}.star1{top:20%;left:80%;animation-delay:0s}.star2{top:70%;left:20%;animation-delay:1.5s}.star3{top:40%;right:10%;animation-delay:.8s}@keyframes starFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.instructions{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:60px}.instructions h2{margin-bottom:20px;color:#1a1a1a}.instructions p{color:#666;line-height:1.8;margin-bottom:16px}.instructions strong{color:#00d9a3}.code-snippet{background:#f5f5f5;padding:16px;border-radius:8px;margin:20px 0;font-family:Courier New,monospace;font-size:14px;color:#1a1a1a;overflow-x:auto}.use-case-card{overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}.use-case-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.card-illustration{height:280px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-content{padding:32px}.card-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.card-description{font-size:15px;line-height:1.6;color:#4a5568;margin-bottom:20px}.tech-stack{display:flex;gap:8px;flex-wrap:wrap}.tech-badge{padding:6px 12px;background:rgba(0,217,163,.1);color:#00a67d;border:1px solid rgba(0,217,163,.2);border-radius:8px;font-size:12px;font-weight:600}.payment-card .card-illustration{background:linear-gradient(135deg,#667eea,#764ba2)}.phone{width:140px;height:240px;background:#1a1a1a;border-radius:25px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4);border:6px solid #2a2a2a}.phone-screen{width:100%;height:100%;border-radius:20px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:16px;display:flex;flex-direction:column;justify-content:center;gap:8px}.transaction{width:100%;background:#00d9a3;height:32px;border-radius:6px;display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:600;color:#0a0a0a;animation:slideIn .5s ease forwards;opacity:0}.transaction:first-child{animation-delay:.5s}.transaction:nth-child(2){animation-delay:1s;background:#667eea;color:#fff}.transaction:nth-child(3){animation-delay:1.5s}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.payment-wave{position:absolute;width:350px;height:350px;border:2px solid hsla(0,0%,100%,.1);border-radius:50%;animation:ripple 3s infinite}.payment-wave:nth-child(2){animation-delay:1s}.payment-wave:nth-child(3){animation-delay:2s}@keyframes ripple{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.tokenization-card .card-illustration{background:linear-gradient(135deg,#f093fb,#f5576c)}.assets-container{gap:25px}.asset-icon,.assets-container{display:flex;align-items:center}.asset-icon{width:70px;height:70px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:14px;justify-content:center;font-size:32px;animation:float 3s ease-in-out infinite;box-shadow:0 10px 30px rgba(0,0,0,.2)}.asset-icon:first-child{animation-delay:0s}.asset-icon:nth-child(2){animation-delay:.5s}.asset-icon:nth-child(3){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.arrow{font-size:36px;color:hsla(0,0%,100%,.6);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.token{width:90px;height:90px;background:linear-gradient(135deg,#00d9a3,#00a67d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 15px 40px rgba(0,217,163,.4);animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.remittance-card .card-illustration{background:linear-gradient(135deg,#4facfe,#00f2fe)}.globe-container{position:relative;width:220px;height:220px}.globe{width:160px;height:160px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.1) 0,transparent 70%)}.globe,.globe-line{position:absolute;top:50%}.globe-line{width:100%;height:2px;background:hsla(0,0%,100%,.2);left:0}.globe-line:nth-child(2){transform:rotate(60deg)}.globe-line:nth-child(3){transform:rotate(-60deg)}.location-pin{width:18px;height:18px;background:#00d9a3;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:absolute;box-shadow:0 5px 15px rgba(0,217,163,.5);animation:bounce 2s ease-in-out infinite}.pin1{top:18%;left:28%;animation-delay:0s}.pin2{top:58%;right:23%;animation-delay:.5s}.pin3{bottom:23%;left:33%;animation-delay:1s}@keyframes bounce{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(-10px)}}.currency{position:absolute;width:32px;height:32px;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#0a0a0a;box-shadow:0 5px 15px rgba(0,0,0,.2)}.curr1{top:13%;left:23%}.curr1,.curr2{animation:currencyPulse 3s ease-in-out infinite}.curr2{top:63%;right:18%;animation-delay:1.5s}@keyframes currencyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.cards-grid{grid-template-columns:1fr}.card-illustration{height:240px}.assets-container,.globe-container{transform:scale(.9)}}