*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#f5f7fb,#eef4ff)}body:before{content:"";background:radial-gradient(circle,rgba(59,130,246,.18),transparent 70%);width:500px;height:500px;position:absolute;top:-200px;left:-120px}body:after{content:"";background:radial-gradient(circle,rgba(6,182,212,.16),transparent 70%);position:absolute;bottom:-180px;right:-120px}body:before,body:after,.container:before{pointer-events:none}.no-copy{user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#messageBox,#loginMessageBox{text-align:center;text-transform:capitalize;color:#000;word-wrap:break-word;opacity:0;background:#fff;border:1px solid #ccc;border-radius:10px;justify-content:center;align-items:center;width:100%;margin:15px auto;padding:5px 15px;font-size:15px;font-weight:600;transition:all .2s;animation:1s .4s forwards fadeUp;display:flex;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.contact{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.contact a{color:#fff;background:#22c55e;border-radius:15px;justify-content:center;align-items:center;gap:5px;padding:10px 20px;font-weight:600;text-decoration:none;display:flex}.contact .whatsApp{background:#2563eb}@media (max-width:549px){header{backdrop-filter:blur(12px);z-index:100;background:rgba(255,255,255,.75);border-bottom:1px solid rgba(0,0,0,.05);justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:sticky;top:0}header .logo{align-items:center;font-size:1.4rem;font-weight:600;display:flex}header .logo span{color:#2563eb}header .logo .wrapLogo{margin-right:5px}header .logo img{border:1px solid #ccc;border-radius:15px}header a{color:#2563eb;font-weight:600}.heroWrap{text-align:center;padding:20px}.heroWrap .hero{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.heroWrap .hero h3{text-align:center;margin-bottom:20px;font-size:1.3rem}.heroWrap .hero p{color:#6b7280;margin-bottom:20px;line-height:1.6}.heroWrap .hero h3 span{color:#22c55e;font-size:1.9rem}.heroWrap .hero .hero-buttons{gap:5px;font-size:.9rem;display:flex}.heroWrap .hero .hero-buttons a{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:10px;align-items:center;gap:5px;padding:10px;font-weight:600;text-decoration:none;display:flex}.heroWrap .hero .hero-buttons .primary-btn{background:linear-gradient(135deg,#2563eb,#38bdf8)}.heroWrap .hero .hero-buttons .secondary-btn{color:#000;background:#fff}.features{background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:30px;padding:20px;display:flex}.features .section-title{text-align:center;margin-bottom:20px}.features .section-title h2{margin-bottom:10px;font-size:1.4rem}.features .section-title p{color:#6b7280;margin-top:20px;font-size:1rem}.features .feature-grid .feature-card{transition:all ease .2;cursor:pointer;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:40px}.features .feature-grid .feature-card:hover{transition:all .2s;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.06)}.features .feature-grid .feature-card .feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:10px;justify-content:center;align-items:center;width:max-content;margin-bottom:10px;padding:10px 20px;font-size:1.4rem;font-weight:700;display:flex}.features .feature-grid .feature-card h3{margin-bottom:10px}.features .feature-grid .feature-card p{color:#6b7280;line-height:1.5}.steps{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:70px;margin-bottom:70px;padding:20px;display:flex}.steps h2{margin-bottom:30px;font-size:1.4rem}.steps .step{text-align:center;background:#fff;border:1px solid #ccc;border-radius:25px;margin-bottom:15px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.steps .step:hover{cursor:pointer;transition:all .2s;transform:translateY(-2px)}.steps .step .number{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;padding:20px;font-weight:600;display:flex}.steps .step .heading{margin-bottom:20px;font-size:1.4rem;font-weight:600}.steps .step p{color:#6b7280;line-height:1.5}.subscriptions{background:#fff;height:100%;margin-top:70px;margin-bottom:70px;padding:20px}.subscriptions .wrapper h2{text-align:center;margin-bottom:30px;font-size:1.4rem}.subscriptions .wrapper .cards{width:100%}.subscriptions .wrapper .cards .card{border:1px solid #ccc;border-radius:25px;width:100%;margin-bottom:30px;padding:30px;position:relative}.subscriptions .wrapper .cards .card .title{margin-top:5px;margin-bottom:13px;font-size:1.2rem;font-weight:600}.subscriptions .wrapper .cards .card h1{margin-bottom:20px;font-size:2.3rem}.subscriptions .wrapper .cards .card h1 span{font-size:17px}.subscriptions .wrapper .cards .card .list{color:#6b7280;text-transform:capitalize;margin-bottom:20px;line-height:1.7}.subscriptions .wrapper .cards .card a{color:#fff;background:#000;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}.subscriptions .wrapper .cards .card .month{background:#2563eb}.subscriptions .wrapper .cards .card .tMonths{background:#22c55e}.subscriptions .wrapper .cards .best{border:2px solid #22c55e}.cta{padding:20px}.cta-box{text-align:center;color:#fff;background:linear-gradient(145deg,#2563eb,#38bdf8);border-radius:38px;padding:75px 40px;box-shadow:0 30px 60px rgba(37,99,235,.2)}.cta-box h2{margin-bottom:18px;font-size:max(2rem,min(5vw,4rem))}.cta-box p{color:rgba(255,255,255,.88);max-width:720px;margin:auto auto 35px;line-height:1.8}.cta-box a{color:#000;background:#fff;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}a:hover{transition:all .2s;transform:translateY(-3px)}footer{text-align:center;color:#6b7280;background:#fff;border-top:1px solid rgba(0,0,0,.05);margin-top:90px;padding:40px 8%}.wrapper{flex-direction:column;justify-content:center;align-items:center;padding:40px 10px 30px;display:flex}.container{backdrop-filter:blur(20px);background:rgba(255,255,255,.8);border:1px solid #ccc;border-radius:20px;width:100%;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.08)}.container .actions{text-align:center;margin-bottom:25px}.container .actions #registerButton,.container .actions #loginButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:120px;padding:8px 15px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 12px rgba(0,0,0,.05)}.container form .heading{text-align:left;margin-bottom:4px;font-size:1.5rem;font-weight:600}.container form .small{opacity:.7;margin-bottom:14px;font-size:.9rem}.container form input{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form select{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 15px 30px rgba(37,99,235,.2)}.container form .showPass{text-align:center;margin-bottom:15px;font-size:1.1rem;font-weight:600}.container form .showPassInput{width:15px;padding:10px}button:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(37,99,235,.28)}}@media (min-width:550px) and (max-width:758px){header{backdrop-filter:blur(12px);z-index:100;background:rgba(255,255,255,.75);border-bottom:1px solid rgba(0,0,0,.05);justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:sticky;top:0}header .logo{align-items:center;font-size:1.4rem;font-weight:600;display:flex}header .logo span{color:#2563eb}header .logo .wrapLogo{margin-right:5px}header .logo img{border:1px solid #ccc;border-radius:15px}header a{color:#2563eb;font-weight:600}.heroWrap{text-align:center;padding:20px}.heroWrap .hero{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.heroWrap .hero h3{text-align:center;margin-bottom:20px;font-size:2rem}.heroWrap .hero p{color:#6b7280;margin-bottom:20px;line-height:1.6}.heroWrap .hero h3 span{color:#22c55e;font-size:1.9rem}.heroWrap .hero .hero-buttons{gap:5px;font-size:.9rem;display:flex}.heroWrap .hero .hero-buttons a{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:150px;padding:10px;font-weight:600;text-decoration:none;display:flex}.heroWrap .hero .hero-buttons .primary-btn{background:linear-gradient(135deg,#2563eb,#38bdf8)}.heroWrap .hero .hero-buttons .secondary-btn{color:#000;background:#fff}.features{background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:30px;padding:20px;display:flex}.features .section-title{text-align:center;margin-bottom:20px}.features .section-title h2{margin-bottom:10px;font-size:1.4rem}.features .section-title p{color:#6b7280;margin-top:20px;font-size:1rem}.features .feature-grid .feature-card{transition:all ease .2;cursor:pointer;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:40px}.features .feature-grid .feature-card:hover{transition:all .2s;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.06)}.features .feature-grid .feature-card .feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:10px;justify-content:center;align-items:center;width:max-content;margin-bottom:10px;padding:10px 20px;font-size:1.4rem;font-weight:700;display:flex}.features .feature-grid .feature-card h3{margin-bottom:10px}.features .feature-grid .feature-card p{color:#6b7280;line-height:1.5}.steps{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:70px;margin-bottom:70px;padding:20px;display:flex}.steps h2{margin-bottom:30px;font-size:1.4rem}.steps .step{text-align:center;background:#fff;border:1px solid #ccc;border-radius:25px;margin-bottom:15px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.steps .step:hover{cursor:pointer;transition:all .2s;transform:translateY(-2px)}.steps .step .number{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;padding:20px;font-weight:600;display:flex}.steps .step .heading{margin-bottom:20px;font-size:1.4rem;font-weight:600}.steps .step p{color:#6b7280;line-height:1.5}.subscriptions{background:#fff;height:100%;margin-top:70px;margin-bottom:70px;padding:20px}.subscriptions .wrapper h2{text-align:center;margin-bottom:30px;font-size:1.4rem}.subscriptions .wrapper .cards{width:100%}.subscriptions .wrapper .cards .card{border:1px solid #ccc;border-radius:25px;width:100%;margin-bottom:30px;padding:30px;position:relative}.subscriptions .wrapper .cards .card .title{margin-top:5px;margin-bottom:13px;font-size:1.2rem;font-weight:600}.subscriptions .wrapper .cards .card h1{margin-bottom:20px;font-size:2.3rem}.subscriptions .wrapper .cards .card h1 span{font-size:17px}.subscriptions .wrapper .cards .card .list{color:#6b7280;text-transform:capitalize;margin-bottom:20px;line-height:1.7}.subscriptions .wrapper .cards .card a{color:#fff;background:#000;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}.subscriptions .wrapper .cards .card .month{background:#2563eb}.subscriptions .wrapper .cards .card .tMonths{background:#22c55e}.subscriptions .wrapper .cards .best{border:2px solid #22c55e}.cta{padding:20px}.cta-box{text-align:center;color:#fff;background:linear-gradient(145deg,#2563eb,#38bdf8);border-radius:38px;padding:75px 40px;box-shadow:0 30px 60px rgba(37,99,235,.2)}.cta-box h2{margin-bottom:18px;font-size:max(2rem,min(5vw,4rem))}.cta-box p{color:rgba(255,255,255,.88);max-width:720px;margin:auto auto 35px;line-height:1.8}.cta-box a{color:#000;background:#fff;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}a:hover{transition:all .2s;transform:translateY(-3px)}footer{text-align:center;color:#6b7280;background:#fff;border-top:1px solid rgba(0,0,0,.05);margin-top:90px;padding:40px 8%}.wrapper{flex-direction:column;justify-content:center;align-items:center;padding:40px 10px 30px;display:flex}.container{backdrop-filter:blur(20px);background:rgba(255,255,255,.8);border:1px solid #ccc;border-radius:20px;max-width:550px;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.08)}.container .actions{text-align:center;margin-bottom:25px}.container .actions #registerButton,.container .actions #loginButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:120px;padding:8px 15px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 12px rgba(0,0,0,.05)}.container form .heading{text-align:left;margin-bottom:4px;font-size:1.5rem;font-weight:600}.container form .small{opacity:.7;margin-bottom:14px;font-size:.9rem}.container form input{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form select{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 15px 30px rgba(37,99,235,.2)}.container form .showPass{text-align:center;margin-bottom:15px;font-size:1.1rem;font-weight:600}.container form .showPassInput{width:15px;padding:10px}button:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(37,99,235,.28)}}@media (min-width:759px) and (max-width:1100px){header{backdrop-filter:blur(12px);z-index:100;background:rgba(255,255,255,.75);border-bottom:1px solid rgba(0,0,0,.05);justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:sticky;top:0}header .logo{align-items:center;font-size:1.4rem;font-weight:600;display:flex}header .logo span{color:#2563eb}header .logo .wrapLogo{margin-right:5px}header .logo img{border:1px solid #ccc;border-radius:15px}header a{color:#2563eb;font-weight:600}.heroWrap{text-align:center;padding:20px}.heroWrap .hero{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.heroWrap .hero h3{text-align:center;margin-bottom:20px;font-size:2.5rem}.heroWrap .hero p{color:#6b7280;margin-bottom:20px;line-height:1.6}.heroWrap .hero h3 span{color:#22c55e;font-size:1.9rem}.heroWrap .hero .hero-buttons{gap:5px;font-size:.9rem;display:flex}.heroWrap .hero .hero-buttons a{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:150px;padding:10px;font-weight:600;text-decoration:none;display:flex}.heroWrap .hero .hero-buttons .primary-btn{background:linear-gradient(135deg,#2563eb,#38bdf8)}.heroWrap .hero .hero-buttons .secondary-btn{color:#000;background:#fff}.features{background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:30px;padding:20px;display:flex}.features .section-title{text-align:center;margin-bottom:20px}.features .section-title h2{margin-bottom:10px;font-size:1.4rem}.features .section-title p{color:#6b7280;margin-top:20px;font-size:1rem}.features .feature-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;display:grid}.features .feature-grid .feature-card{transition:all ease .2;cursor:pointer;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:40px}.features .feature-grid .feature-card:hover{transition:all .2s;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.06)}.features .feature-grid .feature-card .feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:10px;justify-content:center;align-items:center;width:max-content;margin-bottom:10px;padding:10px 20px;font-size:1.4rem;font-weight:700;display:flex}.features .feature-grid .feature-card h3{margin-bottom:10px}.features .feature-grid .feature-card p{color:#6b7280;line-height:1.5}.steps{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:70px;margin-bottom:70px;padding:20px;display:flex}.steps h2{margin-bottom:30px;font-size:1.4rem}.steps .wrap{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;display:grid}.steps .step{text-align:center;background:#fff;border:1px solid #ccc;border-radius:25px;margin-bottom:15px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.steps .step:hover{cursor:pointer;transition:all .2s;transform:translateY(-2px)}.steps .step .number{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;padding:20px;font-weight:600;display:flex}.steps .step .heading{margin-bottom:20px;font-size:1.4rem;font-weight:600}.steps .step p{color:#6b7280;line-height:1.5}.subscriptions{background:#fff;height:100%;margin-top:70px;margin-bottom:70px;padding:20px}.subscriptions .wrapper h2{text-align:center;margin-bottom:30px;font-size:1.4rem}.subscriptions .wrapper .cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;display:grid}.subscriptions .wrapper .cards .card{border:1px solid #ccc;border-radius:25px;width:100%;margin-bottom:30px;padding:30px;position:relative}.subscriptions .wrapper .cards .card .title{margin-top:5px;margin-bottom:13px;font-size:1.2rem;font-weight:600}.subscriptions .wrapper .cards .card h1{margin-bottom:20px;font-size:2.3rem}.subscriptions .wrapper .cards .card h1 span{font-size:17px}.subscriptions .wrapper .cards .card .list{color:#6b7280;text-transform:capitalize;margin-bottom:20px;line-height:1.7}.subscriptions .wrapper .cards .card a{color:#fff;background:#000;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}.subscriptions .wrapper .cards .card .month{background:#2563eb}.subscriptions .wrapper .cards .card .tMonths{background:#22c55e}.subscriptions .wrapper .cards .best{border:2px solid #22c55e}.cta{padding:20px}.cta-box{text-align:center;color:#fff;background:linear-gradient(145deg,#2563eb,#38bdf8);border-radius:38px;padding:75px 40px;box-shadow:0 30px 60px rgba(37,99,235,.2)}.cta-box h2{margin-bottom:18px;font-size:max(2rem,min(5vw,4rem))}.cta-box p{color:rgba(255,255,255,.88);max-width:720px;margin:auto auto 35px;line-height:1.8}.cta-box a{color:#000;background:#fff;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}a:hover{transition:all .2s;transform:translateY(-3px)}footer{text-align:center;color:#6b7280;background:#fff;border-top:1px solid rgba(0,0,0,.05);margin-top:90px;padding:40px 8%}.wrapper{flex-direction:column;justify-content:center;align-items:center;padding:40px 10px 30px;display:flex}.container{backdrop-filter:blur(20px);background:rgba(255,255,255,.8);border:1px solid #ccc;border-radius:20px;width:600px;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.08)}.container .actions{text-align:center;margin-bottom:25px}.container .actions #registerButton,.container .actions #loginButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:120px;padding:8px 15px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 12px rgba(0,0,0,.05)}.container form .heading{text-align:left;margin-bottom:4px;font-size:1.5rem;font-weight:600}.container form .small{opacity:.7;margin-bottom:14px;font-size:.9rem}.container form input{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form select{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 15px 30px rgba(37,99,235,.2)}.container form .showPass{text-align:center;margin-bottom:15px;font-size:1.1rem;font-weight:600}.container form .showPassInput{width:15px;padding:10px}button:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(37,99,235,.28)}}@media (min-width:1101px){header{backdrop-filter:blur(12px);z-index:100;background:rgba(255,255,255,.75);border-bottom:1px solid rgba(0,0,0,.05);justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;position:sticky;top:0}header .logo{align-items:center;font-size:1.4rem;font-weight:600;display:flex}header .logo span{color:#2563eb}header .logo .wrapLogo{margin-right:5px}header .logo img{border:1px solid #ccc;border-radius:15px}header a{color:#2563eb;font-weight:600}.heroWrap{text-align:center;padding:20px}.heroWrap .hero{flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.heroWrap .hero h3{text-align:center;margin-bottom:20px;font-size:3.5rem}.heroWrap .hero p{color:#6b7280;margin-bottom:20px;line-height:1.6}.heroWrap .hero h3 span{color:#22c55e;font-size:1.9rem}.heroWrap .hero .hero-buttons{gap:5px;font-size:.9rem;display:flex}.heroWrap .hero .hero-buttons a{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:150px;padding:10px;font-weight:600;text-decoration:none;display:flex}.heroWrap .hero .hero-buttons .primary-btn{background:linear-gradient(135deg,#2563eb,#38bdf8)}.heroWrap .hero .hero-buttons .secondary-btn{color:#000;background:#fff}.features{background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:30px;padding:20px;display:flex}.features .section-title{text-align:center;margin-bottom:20px}.features .section-title h2{margin-bottom:10px;font-size:1.4rem}.features .section-title p{color:#6b7280;margin-top:20px;font-size:1rem}.features .feature-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:10px;width:100%;display:grid}.features .feature-grid .feature-card{transition:all ease .2;cursor:pointer;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:40px}.features .feature-grid .feature-card:hover{transition:all .2s;transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.06)}.features .feature-grid .feature-card .feature-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:10px;justify-content:center;align-items:center;width:max-content;margin-bottom:10px;padding:10px 20px;font-size:1.4rem;font-weight:700;display:flex}.features .feature-grid .feature-card h3{margin-bottom:10px}.features .feature-grid .feature-card p{color:#6b7280;line-height:1.5}.steps{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:70px;margin-bottom:70px;padding:20px;display:flex}.steps h2{margin-bottom:30px;font-size:1.4rem}.steps .wrap{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;display:grid}.steps .step{text-align:center;background:#fff;border:1px solid #ccc;border-radius:25px;margin-bottom:15px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.steps .step:hover{cursor:pointer;transition:all .2s;transform:translateY(-2px)}.steps .step .number{color:#fff;background:#2563eb;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 10px;padding:20px;font-weight:600;display:flex}.steps .step .heading{margin-bottom:20px;font-size:1.4rem;font-weight:600}.steps .step p{color:#6b7280;line-height:1.5}.subscriptions{background:#fff;height:100%;margin-top:70px;margin-bottom:70px;padding:20px}.subscriptions .wrapper h2{text-align:center;margin-bottom:30px;font-size:1.4rem}.subscriptions .wrapper .cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px;width:100%;display:grid}.subscriptions .wrapper .cards .card{border:1px solid #ccc;border-radius:25px;width:100%;margin-bottom:30px;padding:30px;position:relative}.subscriptions .wrapper .cards .card .title{margin-top:5px;margin-bottom:13px;font-size:1.2rem;font-weight:600}.subscriptions .wrapper .cards .card h1{margin-bottom:20px;font-size:2.3rem}.subscriptions .wrapper .cards .card h1 span{font-size:17px}.subscriptions .wrapper .cards .card .list{color:#6b7280;text-transform:capitalize;margin-bottom:20px;line-height:1.7}.subscriptions .wrapper .cards .card a{color:#fff;background:#000;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}.subscriptions .wrapper .cards .card .month{background:#2563eb}.subscriptions .wrapper .cards .card .tMonths{background:#22c55e}.subscriptions .wrapper .cards .best{border:2px solid #22c55e}.cta{padding:20px}.cta-box{text-align:center;color:#fff;background:linear-gradient(145deg,#2563eb,#38bdf8);border-radius:38px;padding:75px 40px;box-shadow:0 30px 60px rgba(37,99,235,.2)}.cta-box h2{margin-bottom:18px;font-size:max(2rem,min(5vw,4rem))}.cta-box p{color:rgba(255,255,255,.88);max-width:720px;margin:auto auto 35px;line-height:1.8}.cta-box a{color:#000;background:#fff;border-radius:10px;padding:10px 20px;font-weight:600;text-decoration:none}a:hover{transition:all .2s;transform:translateY(-3px)}footer{text-align:center;color:#6b7280;background:#fff;border-top:1px solid rgba(0,0,0,.05);margin-top:90px;padding:40px 8%}.wrapper{flex-direction:column;justify-content:center;align-items:center;padding:40px 10px 30px;display:flex}.container{backdrop-filter:blur(20px);background:rgba(255,255,255,.8);border:1px solid #ccc;border-radius:20px;width:600px;padding:20px;box-shadow:0 30px 60px rgba(0,0,0,.08)}.container .actions{text-align:center;margin-bottom:25px}.container .actions #registerButton,.container .actions #loginButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:120px;padding:8px 15px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 12px rgba(0,0,0,.05)}.container form .heading{text-align:left;margin-bottom:4px;font-size:1.5rem;font-weight:600}.container form .small{opacity:.7;margin-bottom:14px;font-size:.9rem}.container form input{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form select{background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.08);border-radius:16px;outline:none;width:100%;margin-bottom:10px;padding:16px 18px;font-size:1rem;transition:all .3s}.container form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.container form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:18px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 15px 30px rgba(37,99,235,.2)}.container form .showPass{text-align:center;margin-bottom:15px;font-size:1.1rem;font-weight:600}.container form .showPassInput{width:15px;padding:10px}button:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(37,99,235,.28)}}.cards .card{animation:4s ease-in-out infinite floatCard}.cards .card:nth-child(2){animation-delay:.5s}.cards .card:nth-child(3){animation-delay:1s}.steps .step{animation:4s ease-in-out infinite floatCard}.steps .step:nth-child(2){animation-delay:1s}.steps .step:nth-child(3){animation-delay:5s}.feature-card{animation:4s ease-in-out infinite floatCard}.feature-card:first-child{animation-delay:2s}.feature-card:nth-child(2){animation-delay:1s}.feature-card:nth-child(3){animation-delay:3s}.feature-card:nth-child(4){animation-delay:5s}.feature-card:nth-child(5){animation-delay:2s}.feature-card:nth-child(6){animation-delay:3s}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.best{position:relative;overflow:hidden}.best:before{content:"";background:linear-gradient(90deg,transparent,rgba(16,185,129,.6),transparent);animation:3s linear infinite glowMove;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}@keyframes glowMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reveal{opacity:0;transition:all .8s;transform:translateY(60px)}.reveal.show{opacity:1;transform:translateY(0)}.hero span{background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6,#3b82f6) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:5s linear infinite gradientMove}@keyframes gradientMove{to{background-position:300%}}.hero{animation:1s forwards heroFade}@keyframes heroFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.typing{white-space:nowrap;border-right:3px solid #3b82f6;width:0;animation:3s steps(30,end) forwards typing,.8s infinite blink;overflow:hidden}@keyframes typing{to{width:100%}}@keyframes blink{50%{border-color:transparent}}.heroWrap{position:relative;overflow:hidden}.heroWrap:before{content:"";background:rgba(59,130,246,.082);border-radius:50%;width:350px;height:350px;animation:15s ease-in-out infinite blobMove;position:absolute;top:-120px;left:-100px}@keyframes blobMove{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.hero-buttons a{opacity:0;transform:translateY(30px)}.hero-buttons a:first-child{animation:.6s .4s forwards btnShow}.hero-buttons a:nth-child(2){animation:.6s .7s forwards btnShow}.hero-buttons a:nth-child(3){animation:.6s 1s forwards btnShow}@keyframes btnShow{to{opacity:1;transform:translateY(0)}}