.hp-hero{padding-top:50px;padding-bottom:80px;position:relative;overflow:hidden}.hp-hero__container{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin:0 auto;display:grid}.hp-hero__badge{color:#1003ff;background:#6366f11a;border-radius:100px;align-items:center;margin-bottom:24px;padding:6px 16px;font-size:14px;display:inline-flex}.hp-hero__badge span{color:#fff;background:#990bff;border-radius:20px;margin-right:10px;padding:2px 8px;font-size:12px}.hp-hero__title{color:#0f172a;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}.hp-hero__title--gradient{background:linear-gradient(90deg, var(--primaryBtn), #8a24ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hp-hero__desc{color:#64748b;max-width:540px;margin-bottom:32px;font-size:1.1rem;line-height:1.6}.hp-hero__actions{gap:16px;margin-bottom:40px;display:flex}.hp-hero__btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.hp-hero__btn--primary{background:var(--primaryBtn);color:#fff;border:none}.hp-hero__btn--primary:hover{background:#4338ca;transform:translateY(-2px)}.hp-hero__btn--secondary{color:#0f172a;background:#fff;border:1px solid #e2e8f0}.hp-hero__btn--secondary:hover{background:#f1f5f9}.hp-hero__stats{align-items:center;gap:30px;display:flex}.hp-hero__stats-item strong{color:#0f172a;font-size:1.5rem;display:block}.hp-hero__stats-item span{color:#64748b;font-size:.9rem}.hp-hero__stats-divider{background:#e2e8f0;width:1px;height:40px}.hp-hero__image-card{background:#fff;border-radius:30px;padding:15px;position:relative;box-shadow:0 25px 50px -12px #0000001a}.hp-hero__main-img{border-radius:20px;width:100%;height:auto;display:block}.hp-hero__floating-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;box-shadow:0 10px 20px #0000000d}.hp-hero__floating-card--top{top:40px;left:-30px}.hp-hero__icon-box{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.hp-hero__bg-glow{z-index:-1;background:radial-gradient(circle,#6366f11a 0%,#fff0 70%);width:400px;height:400px;display:none;position:absolute;top:-10%;right:-5%}@keyframes fadeInUpAnim{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1350px){.hp-hero__container{padding:0 20px}}@media (max-width:1024px){.hp-hero{padding:30px 0}.hp-hero__floating-card--top{inset:auto -30px 40px auto}.hp-hero__container{text-align:center;grid-template-columns:1fr}.hp-hero__desc{margin-left:auto;margin-right:auto}.hp-hero__actions,.hp-hero__stats{justify-content:center}.hp-hero__floating-card--top{right:20px}.hp-hero__title{font-size:2.8rem}}@media (max-width:700px){.hp-hero__container{padding:0 10px}.hp-hero__bg-glow{display:none}.hp-hero__badge span{font-size:12px}.hp-hero__badge{margin-bottom:17px;padding:4px 10px;font-size:10px}.hp-hero__title--gradient{font-size:30px}.hp-hero__title{font-size:2rem}.hp-hero__desc{font-size:1rem}.hp-hero__btn{padding:.6rem 1.2rem;font-size:13px}.hp-hero__actions{flex-wrap:wrap}}
:root{--anim-speed:.8s;--ping-pong-speed:3s;--float-distance:15px;--border-radius-custom:16px;--glass-bg:#ffffff08}.imageCardOneStart{z-index:1;background:radial-gradient(circle at 100% 0,#1a1a2e,#0f0f1a);border-radius:100px 100px 0 0;place-content:center;width:100%;display:grid}.imageCard1MainDiv{width:100%;max-width:var(--max-bodies);opacity:0;min-height:90vh;transition:opacity var(--anim-speed) ease-out, transform var(--anim-speed) cubic-bezier(.175, .885, .32, 1.275);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));place-content:center;gap:40px;padding:20px;display:grid;transform:translateY(30px)}.imageCard1MainDiv.isVisible{opacity:1;transform:translateY(0)}.imageCard1MainDiv .imageCardStart{z-index:2;flex-direction:column;gap:24px;display:flex}.imageCard1MainDiv .imageCardStart .headings{color:#e1e0ff;font-size:clamp(32px,5vw,48px);font-weight:800}.imageCard1MainDiv .imageCardStart .headings2{color:#a7bfb6;max-width:500px;font-size:clamp(18px,2vw,22px);line-height:1.6}.buttonDivs{gap:20px;font-size:20px;display:flex}.buttonDivs .buttons{background:linear-gradient(#3c00ff,#6200ff);background:var(--primaryBtn);color:#fff;border-radius:10px;padding:10px;box-shadow:0 0 3px 3px #000}.buttonDivs .buttons.register{background:#8500fa}.imageCardStart2{animation:pingPong var(--ping-pong-speed) infinite ease-in-out;border-left:2px dashed gray;justify-content:center;align-items:end;display:flex}.button-opportunity{place-items:center;gap:15px;width:100%;max-width:400px;display:grid}.button-opportunity p{border-radius:var(--border-radius-custom);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;justify-content:center;align-items:center;gap:15px;width:100%;max-width:80%;padding:18px 25px;font-size:18px;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 3px 5px #0000002b}.button-opportunity p:hover{border-color:#ffffff4d;transform:scale(1.05)translate(10px);box-shadow:0 10px 30px #0000004d}.button-opportunity p:first-child{background:linear-gradient(135deg,#0f172a,#334155)}.button-opportunity p:nth-child(2){background:linear-gradient(-135deg,#ff0b0b,#ff0a85)}.button-opportunity p:nth-child(3){background:linear-gradient(-135deg,#0bdaff,#1c73ff)}.button-opportunity p:nth-child(4){color:#052e16;background:linear-gradient(135deg,#21ff72,#9f0);font-weight:700}.imageCard1MainDiv.isVisible .button-opportunity p{opacity:0;animation:.6s forwards slideInLeft}.imageCard1MainDiv.isVisible .button-opportunity p:first-child{animation-delay:.1s}.imageCard1MainDiv.isVisible .button-opportunity p:nth-child(2){animation-delay:.2s}.imageCard1MainDiv.isVisible .button-opportunity p:nth-child(3){animation-delay:.3s}.imageCard1MainDiv.isVisible .button-opportunity p:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.button-opportunity p:nth-child(odd){transform:translate(20px)!important}.button-opportunity p:nth-child(2n){transform:translate(-20px)!important}@media (max-width:876px){.imageCard1MainDiv{text-align:center;grid-template-columns:1fr;padding-top:30px;padding-bottom:50px}.imageCardStart1{margin-top:50px}.imageCardStart2{border:unset;border-top:2px dashed gray;border-radius:20px 20px 0 0;align-items:center;padding-top:50px}.imageCard1MainDiv .imageCardStart .headings2{margin:0 auto}.buttonDivs{justify-content:center;gap:5px;font-size:15px}.button-opportunity{margin:0 auto}.button-opportunity p{gap:5px;font-size:15px}}@media (max-width:500px){.buttonDivs{font-size:13px}.button-opportunity p{max-width:200px;padding:10px 5px;font-size:12px}}
:root{--bg-color:#1e293b;--skeleton-base:#334155;--skeleton-glow:linear-gradient(90deg, #fff0 0, #ffffff0d 20%, #ffffff1a 60%, #fff0)}.skeleton-container{background:var(--bg-color);border-radius:16px;flex-direction:column;gap:20px;width:100%;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.skeleton-image,.skeleton-line,.skeleton-button,.skeleton-circle{background-color:var(--skeleton-base);border-radius:8px;position:relative;overflow:hidden}.skeleton-image:after,.skeleton-line:after,.skeleton-button:after,.skeleton-circle:after{content:"";background:var(--skeleton-glow);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-image{width:100%;height:180px}.skeleton-content{flex-direction:column;gap:12px;display:flex}.skeleton-line{width:100%;height:15px}.skeleton-line.title{width:70%;height:25px;margin-bottom:10px}.skeleton-line.short{width:40%}.skeleton-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.skeleton-button{width:100px;height:35px}.skeleton-circle{border-radius:50%;width:40px;height:40px}.skeleton-container2{background-color:#1a1919;border-radius:20px;grid-template-columns:1fr 3fr;gap:20px;padding:10px;display:grid}.skeleton-content2{flex-direction:column;gap:10px;height:100%;display:flex}.skeleton-span{background:#414957;border-radius:10px;width:100%;min-height:30px;position:relative;overflow:hidden}.skeleton-span:after{content:"";background:var(--skeleton-glow);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-image2{background-color:#5222ff;height:100%}