body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#9fb3df;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body::-webkit-scrollbar{display:none}*,header{box-sizing:border-box}header{align-items:center;background-color:#333;display:flex;height:80px;justify-content:space-between;left:0;padding:0 50px;position:fixed;right:0;top:0;width:100%;z-index:1000}header h1{color:#fff;font-size:2em;margin:0}nav{display:flex;gap:20px}nav a{color:#fff;text-decoration:none}@media (max-width:1024px){header{padding:0 30px}header h1{font-size:1.75em}}@media (max-width:768px){header{flex-direction:column;gap:5px;height:auto;padding:10px 20px}header h1{margin-bottom:10px;text-align:center}nav{align-items:center;flex-direction:column;gap:10px}}.home-heading h1{color:#000;font-size:3.5em}.home-heading p{color:#000;font-size:1.2em}.home{background:#eeaeca;background:radial-gradient(circle,#eeaeca 40%,#94bbe9 100%);color:#000;padding-top:100px;text-align:center}.home-heading{margin:10px}section{scroll-margin-top:80px}@media (max-width:576px){.home-heading h1{display:none}}.main{margin-bottom:55px}.form p{color:#ccc;font-size:1.2em}.main-heading h1{color:#fff;font-size:3.5em;margin-bottom:10px}.main-content{padding:10px}.main-text{border:2px solid #555;border-radius:10px;font-size:1.1em;height:100px}.main-plane-area,.main-text{margin:10px;outline:none;padding:15px 20px;width:600px}.main-plane-area{background-color:#000;border:none;color:#fff;font-size:1em}.main-plane-area,.main-plane-area :focus{border-bottom:2px solid #0ff}.main-box{background:#000;border-radius:15px;margin:auto;padding:25px;width:850px}.main-button{background:#0ff;border:none;border-radius:30px;cursor:pointer;font-size:1.2em;font-weight:700;margin-bottom:20px;margin-top:40px;padding:15px 40px;transition:transform .5s ease}.main-button:hover{transform:scale(1.05) rotateX(2deg) rotateY(-2deg)}.main-icons-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin:auto;padding:10px}.main-icons{align-items:center;background-color:#000000c2;border:#000;border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:5px;width:120px}.main-icons p{color:#0ff;font-size:1em;font-weight:550;margin-top:8px;text-align:center}.icons-color{color:#0ff}.main-icons:hover{background-color:#474646;transform:scale(1.05) rotateX(2deg) rotateY(-2deg)}@media (max-width:576px){.main-box{padding:10px}.main-box,.main-button,.main-plane-area{height:auto;width:auto}.main-button{padding:10px}.main-text{width:75%}.main-icons{height:auto;width:auto}}.output-heading h2{align-items:center;display:flex;flex-direction:row;justify-content:center}.output-content{display:flex;flex-direction:column;gap:30px;margin:auto;padding:10px}.input-content{margin-bottom:55px;padding:10px}.input-select{background-color:#f0f8ff;border-radius:10px;cursor:pointer;font-weight:700;height:35px;margin:5px}.color-label{color:#f0f8ff;font-weight:700}.input-color{cursor:pointer;height:40px;margin:5px;width:60px}.colorInputDiv{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:auto;padding:10px}.afterBTN{background-color:#0ff;border-radius:8px;cursor:pointer;font-size:15px;font-weight:900;height:45px;margin:auto;transition:transform .5s ease;width:200px}.afterBTN:hover{box-shadow:0 10px 10px #0009;transform:scale(1.05) rotateX(2deg) rotateY(-2deg)}.content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin:auto;max-width:1000px;padding:20px;width:100%}.output-div{background-color:#000;border:1px solid #ffffff2e;border-radius:15px;box-shadow:0 8px 32px 0 #1f26875e;color:#f0f8ff;margin:auto;max-width:850px;padding:25px;width:100%}#qr-container{align-items:center;display:flex;justify-content:center}.generatedQR{border-radius:12px;height:auto;max-width:280px;padding:10px;width:100%}.twoBTN{align-items:center;display:flex;flex-direction:row;justify-content:space-around;max-width:500px;width:100%}.selects,.twoBTN{margin:auto}.colorDiv{justify-content:center}.colorDiv,.extension-radios{align-items:center;display:flex;flex-direction:row;margin:auto}.extension-radios{gap:10px;padding:10px}.extension-radios label{align-items:center;cursor:pointer;display:flex;font-weight:700}.extension-radios input[type=radio]{accent-color:#0ff;margin-right:6px}@media (max-width:576px){.content-wrapper{align-content:center;align-items:center;flex-direction:column}.output-div{height:auto;padding:0;width:auto}.output-content{align-items:center;display:flex;flex-direction:column;gap:15px}.twoBTN{flex-direction:column;gap:10px;width:90%}}hr{border:1px solid #000;border-top-color:#eee;margin:auto;width:80%}.main2{background-color:#fff;color:#000;line-height:1.6;padding:10px;text-align:center}.main2-heading h1{color:#000;font-size:3.5em}.main2-heading h2{color:#000;font-size:1.5em}.step1,.step2,.step3{align-items:center;display:flex;flex-direction:row;gap:25px;justify-content:space-between;margin:15px auto;padding:20px;width:80%}.step-content{margin:10px;text-align:center}.step-content h2{font-size:2em;margin-bottom:20px}.step-content p{color:#000;font-size:1.1em;margin-top:10px}.img{background:#f5f5f5;border-radius:10px;height:auto;max-width:40%;padding:10px}@media (max-width:576px){.main2-heading h1{font-size:3em;line-height:normal}.step1,.step2,.step3{display:block;height:auto;padding:10px;width:auto}.step-content h2{font-size:1.6em}.step-content p{font-size:1em}.img{max-width:100%}}.main3{background-color:#f2f2fa;padding:40px 0}.main3-heading{color:#000;font-size:1.5em}.container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1200px}.card{background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:10px;height:100%;padding:15px}.card img{border-radius:8px;height:180px;object-fit:cover;width:100%}.card h2{font-size:1.2rem}.card p{color:#000;font-size:.95rem;line-height:1.4}@media (max-width:900px){.container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.container{grid-template-columns:1fr}}.about{background:#eeaeca;background:linear-gradient(180deg,#eeaeca,#94bbe9 48%);box-sizing:border-box;padding:50px 0}.about-heading h1{color:#000;font-size:3rem;margin:0;padding-bottom:40px;text-align:center}.about-description{padding:0 20px 50px;text-align:center}.about-description h2{color:#000;font-size:2rem;margin-bottom:10px}.about-description p{color:#000;font-size:1.2rem;line-height:1.6}.about-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-evenly}.about-box{background:#f2f2fa;border-radius:12px;box-shadow:0 4px 12px #00000026;flex:1 1 300px;max-width:350px;min-width:280px;padding:25px;transition:transform .3s ease,background .3s ease}.about-box:hover{box-shadow:0 10px 25px #ffffff80;transform:translateY(-8px) scale(1.04)}.about-box h2{color:#000;font-size:1.8rem;margin-bottom:15px}.about-box ol,.about-box p,.about-box ul{color:#000;font-size:1rem;line-height:1.5;margin-bottom:12px}.about-box ol,.about-box ul{padding-left:20px}.about-box li{margin-bottom:8px}@media (max-width:768px){.about-heading h1{font-size:2.5rem}.about-description h2{font-size:1.7rem}}@media (max-width:576px){.about-content{align-items:center;flex-direction:column}.about-box{max-width:90%;width:100%}}.faqs{background-color:#f2f2fa;margin:auto;padding:20px 80px 80px}.faq-item{background:#fff;border:none;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;padding:0 20px;width:1000px}.faq-heading{color:#000;font-size:2.5em;padding:20px;text-align:center}.faqs-container{align-items:center;display:flex;flex-direction:column;gap:35px}.faq-question{background:none;border:none;color:#000;cursor:pointer;font-size:1.1em;padding:0 30px 0 0;position:relative;text-align:left;transition:color .4s ease;width:100%}.faq-question:hover{color:#ad49e1}.faq-question:after{content:"+";font-size:1.5em;position:absolute;right:0;top:0;transition:transform .4s ease}.faq-question.active:after{content:"-";transform:rotate(180deg)}.faq-answer{color:#000;max-height:0;opacity:0;overflow:hidden;padding-top:0;transition:max-height .3s ease,opacity .3s ease}.faq-answer p{line-height:1.6;margin:10px 0}.faq-item.open .faq-answer{max-height:500px;opacity:1}@media (max-width:600px){.faq-item{width:100%}.faqs{padding:20px 10px}.faq-heading{font-size:2em}.faq-question{font-size:.9em}.faq-answer p{font-size:.8em}}.footer{background-color:#222;box-sizing:border-box;padding:20px 40px;width:100%}.footer-content{color:#fff;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:auto;text-align:center}.footer-about p{color:#ccc;line-height:1.6em}.footer-about p:last-child{color:#aaa;font-size:.9em}.footer-links{align-items:center;display:flex;justify-content:center;padding:10px}.footer-icon{background-color:#f0f8ff;border:1px solid #f0f8ff;border-radius:15px;box-shadow:0 0 5px #0ff;height:50px;margin:0 15px;transition:all .4s ease;width:50px}.footer-icon:hover{box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff;transform:scale(1.1)}.footer-contact form{display:flex;flex-direction:column;gap:10px;margin:auto;max-width:300px}.footer-contact input,.footer-contact textarea{border:none;border-radius:5px;outline:none;padding:10px}.footer-contact button{background-color:#0ff;border:none;border-radius:5px;color:#222;cursor:pointer;font-weight:700;padding:10px;transition:background-color .3s ease}.footer-contact button:hover{background-color:#0cc}@media (max-width:576px){.footer-content{align-items:center;flex-direction:column;gap:10px}.footer{padding:20px}}.gradient-background{animation:gradient-animation 15s ease infinite;background:linear-gradient(300deg,#000,#444,#000,#444,#000);background-size:180% 180%}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hover-underline{color:#fff;font-size:1.1em;margin:10px;position:relative;text-decoration:none}.hover-underline:after,.hover-underline:before{background:linear-gradient(90deg,red,#0ff);bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out;width:100%}.hover-underline:before{top:-5px;transform-origin:left}.hover-underline:hover:after,.hover-underline:hover:before{transform:scaleX(1)}.no-select{-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.73286228.css.map*/