@font-face{font-family:'Rajdhani';src:url('fonts/Rajdhani-Regular.ttf') format('truetype');font-weight:400;}
@font-face{font-family:'Rajdhani';src:url('fonts/Rajdhani-Bold.ttf') format('truetype');font-weight:700;}
@font-face{font-family:'Ubuntu';src:url('fonts/Ubuntu-Regular.ttf') format('truetype');font-weight:400;}
@font-face{font-family:'Ubuntu';src:url('fonts/Ubuntu-Bold.ttf') format('truetype');font-weight:700;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-Thin.ttf') format('truetype');font-weight:100;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-Light.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-Regular.ttf') format('truetype');font-weight:400;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-Medium.ttf') format('truetype');font-weight:500;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-Bold.ttf') format('truetype');font-weight:700;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;}
@font-face{font-family:'Outfit';src:url('fonts/Outfit-Black.ttf') format('truetype');font-weight:900;font-style:normal;}



body{margin:0;font-family:'Ubuntu',sans-serif;background:#0f001c;color:#E4E4E4;}
.site-header{position:absolute;top:-20px;left:0;width:100%;z-index:300;background:transparent;}
.header-inner{max-width:1200px;margin:0 auto;padding:40px 16px;display:flex;align-items:center;}
.header-left{display:flex;align-items:center;}
.header-right{margin-left:auto;display:flex;align-items:center;gap:18px;text-decoration: none;}
.brand{display:flex;align-items:center;}
.brand-logo{height:34px;display:block;}
.nav-desktop{display:flex;align-items:center;margin-left:70px;}
.nav-desktop ul{list-style:none;display:flex;align-items:center;gap:28px;margin:0;padding:0;}
.nav-desktop li{display:flex;align-items:center;}
.nav-desktop a{display:flex;align-items:center;line-height:1;color:#fff;text-decoration:none;font-size:14px;font-weight:500;opacity:.9;}
.nav-desktop a:hover{opacity:1;}
.nav-cta{background:#9541bd;color:#fff!important;padding:5px 20px;border-radius:999px;font-weight:600;text-decoration:none;}





.burger{display:none;margin-left:auto;background:none;border:none;cursor:pointer;}
.burger span{display:block;width:26px;height:3px;background:#fff;margin:5px 0;border-radius:2px;}

.nav-mobile{display:none;position:absolute;top:100%;left:0;width:100%;background:#12001f;z-index:500;}
.nav-mobile ul{list-style:none;margin:0;padding:20px;display:flex;flex-direction:column;gap:16px;}
.nav-mobile a{color:#fff;text-decoration:none;font-size:16px;font-weight:600;}

.container{background:#0f001c;}

.hero{position:relative;width:100%;height:100vh;overflow:hidden;}
.hero picture{width:100%;height:100%;display:block;}
.hero img{width:100%;height:100%;object-fit:cover;filter:brightness(1);}
.hero-overlay{position:absolute;inset:0;z-index:2;}
.hero-modern{max-width:1200px;margin:0 auto;padding:180px 16px 120px 16px;display:flex;flex-direction:column;align-items:flex-start;}
.hero-actions{display:flex;gap:18px;margin-top:40%;}
.hero-btn{padding:12px 26px;border-radius:999px;font-size:18px;text-decoration:none;}
.hero-btn.primary{color:#9541bd;background:#fff;}

.hero-bottom-bar{position:absolute;bottom:0;left:0;width:100%;height:50px;background:#9541bd;z-index:5;}

@media(max-width:900px){
.nav-desktop{display:none;}
.burger{display:block;}
.nav-mobile{background:linear-gradient(180deg,rgba(18,0,31,0.95),rgba(18,0,31,0.75));backdrop-filter:blur(6px);}
.nav-mobile.active{display:block;}
.hero-modern{padding-top:140px;}
.hero-bottom-bar{display:none;}
.hero-actions{display:none;}
}




.lifecycle{width:100%;background:#0f001c;padding:120px 0;position:relative;}
.lifecycle-inner{max-width:1200px;margin:0 auto;padding:0 16px;}

.lifecycle-head{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:80px;padding-top:120px;}
.lifecycle-head-left{text-align:right;font-family:'Rajdhani',sans-serif;font-size:36px;font-weight:700;color:#E4E4E4;z-index:2;}
.lifecycle-head-right{text-align:left;font-family:'Ubuntu',sans-serif;font-size:20px;letter-spacing:10px;font-weight:900;color:#9541bd;z-index:2;}
.lifecycle-divider{width:1px;height:48px;background:rgba(228,228,228,0.4);z-index:2;}
.lifecycle-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Outfit',sans-serif;font-size:160px;font-weight:900;color:#9541bd;opacity:0.06;white-space:nowrap;pointer-events:none;}

.lifecycle-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:80px;}

.lifecycle-card{background:linear-gradient(180deg,#1a0630,#12001f);border-radius:18px;padding:32px;display:flex;align-items:center;gap:32px;border:1px solid rgba(149,65,189,0.35);box-shadow:0 12px 32px rgba(0,0,0,0.45);}
.lifecycle-card-img{flex:0 0 250px;display:flex;align-items:center;justify-content:center;}
.lifecycle-card-img img{width:250px;height:auto;display:block;}
.lifecycle-card-content{flex:1;}
.lifecycle-card-content h3{margin:0 0 10px 0;font-family:'Rajdhani',sans-serif;font-size:32px;font-weight:800;letter-spacing:-1px;color:#9541bd;}
.lifecycle-card-content p{margin:0;font-size:15px;line-height:1.6;color:#E4E4E4;}

.lifecycle-extra{max-width:1200px;margin:0 auto;padding:36px;background:linear-gradient(180deg,#1a0630,#12001f);border-radius:20px;border:1px solid rgba(149,65,189,0.35);display:flex;align-items:center;gap:40px;box-shadow:0 14px 36px rgba(0,0,0,0.45);}
.lifecycle-extra-img{flex:0 0 520px;display:flex;justify-content:center;}
.lifecycle-extra-img img{width:100%;height:auto;display:block;}
.lifecycle-extra-text{flex:1;}
.lifecycle-extra-text h3{margin:0 0 14px 0;font-family:'Rajdhani',sans-serif;font-size:56px;color:#9541bd;}
.lifecycle-extra-text p{margin:0;font-size:15px;line-height:1.7;color:#E4E4E4;}

@media(max-width:900px){
.lifecycle-steps{grid-template-columns:1fr;}
.lifecycle-head{flex-direction:column;text-align:center;}
.lifecycle-head-left{text-align:center;font-size:26px;}
.lifecycle-head-right{letter-spacing:6px;}
.lifecycle-divider{display:none;}
.lifecycle-bg-text{display:none;}
.lifecycle-extra{flex-direction:column;text-align:center;}
.lifecycle-extra-img{flex:0 0 auto;}
.lifecycle-card{flex-direction:column;text-align:center;}
.lifecycle-card-img{flex:0 0 auto;}
.lifecycle-card-img img{width:140px;}

}




.lifecycle-video{max-width:1200px;margin:80px auto 0 auto;padding:36px;background:linear-gradient(180deg,#1a0630,#12001f);border-radius:20px;border:1px solid rgba(149,65,189,0.35);box-shadow:0 14px 36px rgba(0,0,0,0.45);}
.lifecycle-video-inner{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;}
.lifecycle-video-inner iframe{position:absolute;top:0;left:0;width:100%;height:100%;}




/* ========================= */
/* LIFECYCLE GRAPHICS CARDS  */
/* ========================= */

.lifecycle-graphics{width:100%;background:#212830;padding:120px 0;position:relative;}
.lifecycle-graphics-inner{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;}
.lifecycle-graphics-steps{display:flex;align-items:stretch;justify-content:space-between;gap:24px;}

.lifecycle-graphic{flex:1;max-width:340px;min-height:420px;border-radius:14px;overflow:hidden;position:relative;background:#000;}
.lifecycle-graphic img{width:100%;height:100%;object-fit:cover;display:block;}

.img-default{position:absolute;inset:0;z-index:1;opacity:1;transition:opacity .35s ease;}
.img-hover{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .35s ease;}

.lifecycle-graphic:hover .img-default{opacity:0;}
.lifecycle-graphic:hover .img-hover{opacity:1;}

.graphic-overlay{position:absolute;inset:0;z-index:2;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,0.25),rgba(0,0,0,0.85));}

.graphic-default{opacity:1;transition:opacity .25s ease;}
.graphic-hover{opacity:0;transition:opacity .25s ease;}

.lifecycle-graphic:hover .graphic-default{opacity:0;}
.lifecycle-graphic:hover .graphic-hover{opacity:1;}

.graphic-top{text-align:center;}
.graphic-overlay h3{margin:0;font-family:'Rajdhani',sans-serif;font-size:30px;font-weight:700;}
.graphic-sub{display:block;font-size:13px;color:#9541bd;margin-top:6px;}
.graphic-details{font-size:13px;line-height:1.5;}
.graphic-details ul{margin:0;padding-left:18px;}
.graphic-details li{margin-bottom:6px;}
.graphic-hint{text-align:center;font-size:12px;opacity:0.85;margin-top:14px;}

/* ========================= */
/* MOBILE FIXES              */
/* ========================= */

@media(max-width:900px){
.lifecycle-bg-text{display:none;}
.lifecycle-head{flex-direction:column;gap:12px;}
.lifecycle-divider{display:none;}
.lifecycle-steps{flex-direction:column;gap:32px;}
.lifecycle-line{display:none;}
.card-top{margin-top:0;}
.lifecycle-graphics-steps{flex-direction:column;}
.lifecycle-graphic{max-width:100%;}
.img-hover{display:none;}
.graphic-hover{opacity:1;}
.graphic-default{display:none;}
}



.clubs-content{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-top:30px;}
.clubs-text{max-width:420px;font-size:14px;line-height:1.7;color:#E4E4E4;}
.clubs-text p{margin-bottom:18px;}
.clubs-highlight{color:#9541bd;font-weight:600;}
.clubs-image{flex:1;display:flex;justify-content:flex-end;}
.clubs-image img{max-width:100%;height:auto;display:block;}

@media(max-width:900px){
.clubs-content{flex-direction:column;text-align:left;gap:40px;}
.clubs-image{justify-content:center;}
.clubs-text{max-width:100%;}
}

.why-prowem{width:100%;background:#9541bd;padding:100px 0;color:#212830;}
.why-prowem-inner{max-width:1200px;margin:0 auto;padding:0 16px;}

.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:100px;}
.why-col{display:flex;flex-direction:column;gap:42px;}

.why-item{display:flex;flex-direction:column;gap:10px;}

.why-head{display:flex;align-items:center;gap:14px;}
.why-icon{width:26px;height:26px;flex-shrink:0;filter:brightness(0) saturate(100%);}
.why-item h3{margin:0;font-size:15px;font-weight:700;letter-spacing:0.5px;color:#212830;}

.why-item p{margin-left:40px;font-size:14px;line-height:1.6;color:#212830;opacity:0.85;}

@media(max-width:900px){
.why-grid{grid-template-columns:1fr;gap:60px;}
.why-item p{margin-left:0;}
}




.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-top:100px;}

.package-card{background:#27313B;border-radius:16px;padding:34px 15px;position:relative;display:flex;flex-direction:column;}

.package-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;}

.package-icon{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px; margin-left:auto; margin-right:auto;}
.package-icon img{width:28px;height:28px;}

.package-title{font-family:'Rajdhani'; margin-top:-10px;font-size:30px;font-weight:800; text-align: center; letter-spacing:-2.5px; color:white; transform:scaleY(130%);}

.package-note1{margin:-16px 0 18px 0;font-size:13px;color:#9541bd; text-align: center;}
.package-note2{margin:-16px 0 18px 0;font-size:13px;color:#FF4FB0; text-align: center;}
.package-note3{margin:-16px 0 18px 0;font-size:13px;color:#4DB5FF; text-align: center;}

.package-text{font-size:14px;line-height:1.6;margin-bottom:24px; text-align: center;}

.package-divider{height:1px;background:white;margin-bottom:8px;}


.package-topic{list-style:none;padding:0;margin:8px 0 5px 0;}
.package-topic li{font-size:14px;margin-bottom:10px;position:relative;padding-left:0px;}



.package-list1{list-style:none;padding:0;margin:0 0 28px 0;}
.package-list1 li{font-size:14px;margin-bottom:10px;position:relative;padding-left:16px;}
.package-list1 li::before{content:'•';position:absolute;left:0; color:#9541bd; font-size: 25px; margin-top:-6px}

.package-list2{list-style:none;padding:0;margin:0 0 28px 0;}
.package-list2 li{font-size:14px;margin-bottom:10px;position:relative;padding-left:16px;}
.package-list2 li::before{content:'•';position:absolute;left:0; color:#FF4FB0; font-size: 25px; margin-top:-6px}

.package-list3{list-style:none;padding:0;margin:0 0 28px 0;}
.package-list3 li{font-size:14px;margin-bottom:10px;position:relative;padding-left:16px;}
.package-list3 li::before{content:'•';position:absolute;left:0; color:#4DB5FF; font-size: 25px; margin-top:-6px}


.package-btn{margin-top:auto;text-align:center;padding:14px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid transparent;}

.package-orange{box-shadow:2px 1px 0px #9541bd;}
.package-orange .package-badge{background:#9541bd; font-family:'Rajdhani'; font-size:17px; margin-top:-17px; width:150px; border-radius: 0px 0px 10px 10px ; text-align: center; letter-spacing:-1px; padding: px; position: relative;} 
.package-orange .package-icon{background:#9541bd; margin-top: 10px;}
.package-btn-orange{color:#9541bd;border-color:#9541bd; padding:10px;}

.package-pink{box-shadow:2px 1px 2px #FF4FB0;}
.package-pink .package-badge{background:#FF4FB0;  font-family:'Rajdhani'; font-size:17px; margin-top:-17px; width:150px; border-radius: 0px 0px 10px 10px ; text-align: center; letter-spacing:-1px; padding: px; position: relative;}
.package-pink .package-icon{background:#FF4FB0; margin-top: 10px;}
.package-btn-pink{color:#FF4FB0;border-color:#FF4FB0; padding:10px;}

.package-blue{box-shadow:2px 1px 0px #4DB5FF;}
.package-blue .package-badge{background:#4DB5FF;  font-family:'Rajdhani'; font-size:17px; margin-top:-17px; width:150px; border-radius: 0px 0px 10px 10px ; text-align: center; letter-spacing:-1px; padding: px; position: relative;}
.package-blue .package-icon{background:#4DB5FF; margin-top: 10px;}
.package-btn-blue{color:#4DB5FF;border-color:#4DB5FF; padding:10px;}

@media(max-width:900px){
.packages-grid{grid-template-columns:1fr;gap:30px;}
}


.beta-free{width:100%;height:250px;background:#9541bd;position:relative;overflow:visible; margin-top:200px;}
.beta-free-inner{max-width:1200px;margin:0 auto;height:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between;position:relative;}

.beta-free-text{max-width:720px;color:#fff; font-family:'Rajdhani';}
.beta-free-text h2{margin:0 0 10px 0;font-size:38px;font-weight:700;}
.beta-free-text p{margin:0 0 18px 0;font-size:18px;opacity:0.9;font-family:'Ubuntu';}

.beta-btn{display:inline-flex;align-items:center;gap:8px;background:#212830;color:#fff;padding:10px 28px;border-radius:999px;text-decoration:none;font-size:16px;font-weight:600;}

.beta-free-image{position:absolute;right:16px;bottom:-30px;}
.beta-free-image img{width:440px;max-width:none;display:block;}

@media(max-width:900px){.beta-free-image img{display:none;}
}

.platform-overview{width:100%;background:#212830;padding:120px 0;position:relative;}
.platform-overview-inner{max-width:1200px;margin:0 auto;padding:0 16px;}

.platform-divider{width:1px;height:48px;background:rgba(228,228,228,0.6);z-index:2;}

.platform-content{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;}

.platform-text p{font-size:15px;line-height:1.7;color:#E4E4E4;max-width:520px;margin-bottom:30px;}
.platform-btn{display:inline-flex;align-items:center;gap:8px;background:#9541bd;color:#fff;padding:12px 26px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;}

.platform-video{width:100%;}
.video-placeholder{position:relative;width:100%;aspect-ratio:16/9;background:#E6E6E6;border-radius:6px;display:flex;align-items:center;justify-content:center;}

.video-play{width:64px;height:64px;border-radius:50%;border:2px solid #9541bd;position:relative;}
.video-play::before{content:'';position:absolute;left:24px;top:18px;border-left:18px solid #9541bd;border-top:12px solid transparent;border-bottom:12px solid transparent;}

@media(max-width:900px){
.platform-bg-text{display:none;}
.platform-head{flex-direction:column;gap:12px;}
.platform-divider{display:none;}
.platform-content{grid-template-columns:1fr;}
}


.FAQ{width:100%;background:#212830;padding-top:120px ; margin-bottom:250px;}

.faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}

.faq-item{background:#5d1c7a;border-radius:12px;overflow:hidden;}

.faq-question{width:100%;background:none;border:none;color:#E4E4E4;font-size:15px;font-weight:600;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}

.faq-icon{font-size:18px;transition:transform .25s ease;}

.faq-answer{max-height:0;overflow:hidden;padding:0 22px;color:#E4E4E4;font-size:14px;line-height:1.6;transition:max-height .3s ease,padding .3s ease;}

.faq-item.active .faq-answer{max-height:300px;padding:0 22px 18px 22px;}

.faq-item.active .faq-icon{transform:rotate(180deg);}



section.lifecycle form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}
section.lifecycle form input,section.lifecycle form select{width:100%;padding:14px 16px;border-radius:999px;border:1px solid rgba(149,65,189,0.4);background:#12001f;color:#E4E4E4;font-size:14px;}
section.lifecycle form input::placeholder{color:#b9a7c9;}
section.lifecycle form input:focus,section.lifecycle form select:focus{outline:none;border-color:#9541bd;box-shadow:0 0 0 2px rgba(149,65,189,0.25);}
section.lifecycle form button{margin-top:10px;}