@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.table{display:table}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dashboard h1{font-size:1.8rem;font-weight:700;margin:10px 5vw}.packageWrapper{display:flex;justify-content:center;padding:10px}.packageCard{border:1px solid #eee;border-radius:10px;padding:10px;text-align:center;background-color:#75ee75}.packageCard.green{background-color:#75ee75}.packageCard.red{background-color:#fc1d1d;color:#fff}.packageCard .title{font-size:1.2rem;font-weight:700}.menuWrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center;gap:40px;padding:10px;margin:10px 5vw}.menuWrapper .menu{width:240px;height:180px;border:1px solid #088a02;border-radius:10px;position:relative;display:flex;transition:.3s ease-in-out;z-index:0}.menuWrapper .menu:hover{transform:scale(1.1);box-shadow:3px 3px 70px #ddd}.menuWrapper .menu svg{font-size:6rem;position:absolute;margin:auto;align-items:center;align-self:center;align-content:center;left:30%;top:10%;color:#088a02}.menuWrapper .menu p{background-color:#088a02;color:#fff;position:absolute;bottom:0;width:100%;padding:10px;border-radius:0 0 10px 10px;text-align:center}.verifyEmail{text-align:center;font-size:1.1rem;background-color:#eee;padding:5px;color:#000;margin-bottom:10px}.verifyEmail span{color:#1515eb;cursor:pointer;transition:.3s ease-in-out}.verifyEmail span:hover{text-decoration:underline}/*! tailwindcss v4.0.8 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.table{display:table}}html{background-color:#fff}body{box-sizing:border-box;scroll-behavior:smooth;margin:0}input{border-radius:5px}.pageLayout{margin-top:70px}.nav{z-index:1;background-color:#fff;justify-content:space-between;align-items:center;width:100vw;height:50px;padding:15px 5vw;display:flex;position:fixed;top:0}.nav .logo{color:red;cursor:pointer;font-weight:700}.nav .navBtn{cursor:pointer;color:#000;transition:all .3s ease-in-out}.nav .navBtn:hover,.nav span{color:red}.nav .nav_link a:first-child{margin:0 10px 0 0}.sideMenu{z-index:1;background-color:#fff;flex-direction:column;gap:15px;width:300px;height:100vh;padding:10px;transition:all .3s ease-in-out;display:flex;position:fixed;top:50px;box-shadow:4px 4px 8px #eee}.sideMenu.none{margin-left:-310px}.sideMenu .navLink{color:#000;background-color:#eef;border-bottom:1px solid #ddd;border-radius:5px;gap:10px;padding:15px;transition:all .3s ease-in-out;display:flex}.sideMenu .navLink:hover{color:#00f;background-color:#ddd}.sideMenu .navLink.active{color:#fff;background-color:#333}.sideMenu .logout{color:red;cursor:pointer;background-color:#eef;border-bottom:1px solid #ddd;border-radius:5px;gap:10px;padding:15px;font-weight:600;transition:all .3s ease-in-out;display:flex}.sideMenu .logout:hover{color:#fff;background-color:red}.dropMenu{text-align:right;z-index:1;background-color:#eee;flex-direction:column;width:150px;padding:10px;transition:all .3s ease-in-out;display:flex;position:fixed;top:50px;right:0}.dropMenu.none{right:-160px}.dropMenu .dropLink{cursor:pointer;color:#000;padding:5px;font-weight:400;transition:all .3s ease-in-out}.dropMenu .dropLink:hover{color:#00f}.dropMenu .dropLink.logout{color:red}.banner{flex-direction:column;justify-content:center;align-items:center;height:70vh;padding:10px 5vw;display:flex}.banner h1{text-align:center}.banner button{color:#fff;background-color:#213547;margin:20px 10px 0 0}.banner button:hover{color:#213547;background-color:#fff;border:1px solid #213547;transition:all .5s;box-shadow:2px 2px 6px #585757}.banner .design_title{color:#01a30f;transform:rotateX("20");padding:5px;font-weight:1000;display:inline}.banner .design_title:hover{background-color:#dbffff;transition:all .5s}.services_section{color:#000;background-color:#dbffff;margin-bottom:5vh}.services_section .services{flex-direction:column;justify-content:center;align-items:center;padding-bottom:20px;display:flex;overflow:hidden}.services_section .services h2{padding:10px 5vw;font-size:1.5rem}.services_section .services h2 span{color:#01a30f;font-size:2rem;font-style:italic;font-weight:800}.services_section .services .wallets{flex-wrap:wrap;justify-content:center;gap:30px;padding:10px 5vw;display:flex}.services_section .services .wallets .card{background-color:#fff;justify-content:center;align-items:center;width:100px;height:100px;display:flex;border-radius:20px!important}.services_section .services .wallets .card img{border-radius:20px}footer{color:#fff;background-color:#2c2c2c;flex-direction:column;align-items:center;padding:10px 5vw;font-size:1rem;display:flex}footer h3{font-size:1.2rem}footer .mail{font-size:1.25em}footer .copyright{padding-top:10px}.otp-container{justify-content:space-between;margin-bottom:20px;display:flex}.otp-input{text-align:center;background-color:#fff;border-radius:10px;width:40px;height:40px;font-size:larger}.packages_wrapper{padding:5px 10vw}.packages_wrapper h1{padding-top:20px;font-size:1.7rem;font-weight:700;text-align:center;margin-bottom:20px}.packages_wrapper .title{font-size:1.5rem;font-weight:700;text-align:center}.packages_wrapper .package_container{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:10px;gap:20px;color:#000}.package_container .package_card{width:300px;border:1px solid #eee;background-color:#eee;border-radius:10px;text-align:center}.package_card h2{font-size:1.2rem;font-weight:700;background-color:#000;color:#fff;padding:5px;border-radius:10px 10px 0 0;margin-bottom:5px}.package_card .item span{font-weight:700;font-size:1.2rem}.package_card .btn{padding:5px;border:1px solid rgb(32,32,242);background-color:#2020f2;color:#fff;font-size:1.2rem;border-radius:10px;cursor:pointer;transition:.3s ease-in-out;margin-top:10px}.package_card .btn:hover{transform:scale(1.1)}.auth-wrapper{padding:5vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#16c1ff;margin:auto;max-width:500px;width:95%;margin-top:12vh;border-radius:10px;box-shadow:4px 4px 8px #eee;color:#333}.auth-wrapper h2{font-size:2rem;font-weight:bolder;text-align:center}.auth-wrapper .subtitle{padding-bottom:10px;margin-bottom:10px;text-align:center}.auth-wrapper form{max-width:500px;width:95%}.auth-wrapper .formText{padding:5px;background-color:#fff;border-radius:10px;margin:10px 0;display:flex;align-items:center;color:#000}.auth-wrapper .formText input{padding:5px;margin-left:5px;background-color:transparent;width:90%}.auth-wrapper .formLink{color:#00f;cursor:pointer;margin-bottom:10px}.auth-wrapper button{width:100%;margin-bottom:10px}.emailVerifyPage{height:100vh}.emailVerifyPage h2{font-size:1.5rem;font-weight:700;text-align:center;padding:20px}.emailVerifyPage .modal{display:flex;flex-direction:column;justify-content:center;width:400px;max-width:500px;margin:auto;text-align:center;gap:10px}.emailVerifyPage .modal form{display:flex;flex-direction:column;width:100%}.emailVerifyPage .otp-input{border:2px solid #ccc}.emailVerifyPage .modal form button{background-color:#ccc}.emailVerifyPage .modal form button:hover{background-color:#333;color:#fff}.topupContainer h2{text-align:center;font-size:1.3rem;font-weight:700}.topupContainer form{background-color:#eee;width:400px;align-items:center;margin:20px auto 10px;display:flex;justify-content:space-between;border-radius:10px}.topupContainer form input{padding:5px 10px;width:100%}.topupContainer form button{background-color:#0ea175;color:#fff}.checkoutWrapper h1{padding-top:20px;font-size:1.7rem;font-weight:700;text-align:center;margin-bottom:20px}.packageDetails{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff}.packageDetails h2{font-size:1.3rem;font-weight:700}.paymentDetails{display:flex;flex-direction:column;align-items:center}.paymentDetails h2{font-size:1.3rem;font-weight:700}.paymentCards{display:flex;flex-direction:column;width:400px}.paymentCards .card{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.paymentCards .card .name{background-color:#ddd;border-radius:10px;padding:5px;margin:5px;font-weight:700;color:#000}.paymentCards .card .value{font-weight:700;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;position:relative;text-align:left;display:flex;text-align:right}.paymentCards .card .btn{padding:3px;right:-40px;top:15px;background-color:#00f;z-index:1;color:#fff;font-size:.8rem;font-weight:450;border-radius:5px;cursor:pointer;transition:.3s ease-in-out;position:absolute}.paymentCards .card .btn:hover{background-color:#4c4cff}.paymentCards .card .btn.green,.paymentCards .card .btn.green:hover{background-color:#00b41b}.paymentDetails a{margin:20px;background-color:#00f;padding:10px;border-radius:10px;color:#fff;transition:.3s ease-in-out}.paymentDetails a:hover{background-color:#5656ff;transform:scale(1.1)}.paymentDetails .note{margin:30px 10px 10px;background-color:#eee;padding:20px 10px;color:#000;border-radius:10px}.paymentDetails .note h2{color:red;text-align:center}.paymentDetails .note ul li{margin:5px;border-bottom:1px solid #ddd}.pageWrapper{color:#d9bc00}.pageWrapper h2{font-size:1.5rem;font-weight:700;text-align:center}.pageWrapper form{display:flex;justify-content:center;flex-direction:column;align-items:center}.pageWrapper form input{width:400px;margin:10px 0;border:1px solid rgb(217,188,0);padding:10px}.pageWrapper .inputWrapper{display:flex;flex-direction:column;margin:10px;gap:0}.pageWrapper .inputWrapper .label{font-weight:500}.pageWrapper button{background-color:#000;color:#d9bc00}.pageLayout h1{padding:5px 5vw;font-size:1.7rem;font-weight:700;text-align:center}.userWrapper{margin-top:20px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;padding:20px 5vw}.userWrapper .userCard{border:1px solid #818181;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border-radius:10px;cursor:pointer;transition:.3s ease-in-out;width:120px;height:100px}.userWrapper .userCard:hover{transform:scale(1.1);box-shadow:4px 4px 40px #666}.userWrapper .userCard svg{font-size:4rem;color:#818181}.userWrapper .userCard.inactive p{background-color:red}.userWrapper .userCard p{background-color:#00ac00;padding:5px;width:100%;text-align:center;border-radius:0 0 10px 10px;color:#fff;font-size:12px;word-wrap:break-word}.userView{position:relative}.userView svg{font-size:120px;background-color:#333;color:#fff;border-radius:50%;padding:10px;align-items:center;margin:10px auto;align-content:center}.userView .userDetails{background-color:#e7e8e8;color:#000;margin:10px auto;width:80%;max-width:500px;padding:10px;border-radius:10px}.userView .userDetails .detail{display:flex;justify-content:space-between;border-bottom:1px dotted #333;margin-bottom:10px}.userView .userDetails .detail:last-child{border-bottom:none;margin-bottom:0}.userView .userDetails .detail .title{font-size:.9rem;font-style:italic}.userView .userDetails .detail .value{font-weight:700;word-wrap:break-word}.userView .userDetails .detail .value.false{color:red}.userView .userDetails .detail .value.true{color:#00a400}.userView .userAction{margin-top:50px;padding:10px;display:flex;gap:10px;justify-content:center}.userView .userAction .btn{background-color:#1a1afd;padding:10px;color:#fff;border-radius:10px;transition:.3s ease-in-out;cursor:pointer}.userView .userAction .btn.red{background-color:#ff3c3c}.userView .userAction .btn.red:hover{background-color:#c10000}.userView .userAction .btn:hover{background-color:#0000b7}.userView .userLinks{background-color:#e0e0e0;padding:10px 5vw;margin-top:20px}.userView .userLinks a{margin:20px 5px}.keysHistory table{padding:5px;width:90%;max-width:800px;margin:10px auto;text-align:center}.thead{background-color:#333;padding:10px;color:#fff}.profileWrapper{padding:10px 5vw}.profileWrapper svg{font-size:7rem;background-color:#333;color:#fff;border-radius:50%;padding:10px;margin-top:20px}.profileWrapper p{text-align:center}.profileWrapper p.username{font-size:1.1rem;font-weight:700}.profileWrapper p.email{font-style:italic}.profileLink{margin-top:20px;background-color:#eee;width:100vw;padding:20px 5vw}.profileLink p{cursor:pointer;color:#00f}.resetWrapper{padding:10px 5vw}.resetWrapper form{width:90%;max-width:600px;margin:auto}.resetWrapper form .formInput{display:flex;flex-direction:column;margin:20px 10px}.resetWrapper form .formInput input{background-color:#fff;padding:10px;border:1px solid black}.resetWrapper form button{width:100%;background-color:#000;color:#fff}.resetWrapper form button:hover{background-color:#333}.historyWrapper{padding:10px 5vw}.pageLayout .historyWrapper h1{padding:5px 5vw;font-size:1.7rem;font-weight:700;text-align:center}.historyWrapper h2{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:20px}.historyWrapper .container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin-top:30px}.historyWrapper .container .card{width:380px;padding:10px;background-color:#faebd7;margin:10px;font-size:.9rem;border-radius:10px;color:#000}.historyWrapper .card div{border-bottom:1px dotted black;padding-bottom:5px}.historyWrapper .card div:last-child{border-bottom:none}