.projects-section{background-color:#0a0a0a;box-sizing:border-box;color:#fff;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative;width:100%}.projects-container{margin:0 auto;max-width:1200px}.projects-title{font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:3rem;position:relative;text-align:center}.projects-title:after{background-color:#fff;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background-color:hsla(0,0%,100%,.05);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.3);transform:translateY(-5px)}.project-image-container{border-radius:8px 8px 0 0;overflow:hidden;padding-top:60%;position:relative}.project-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.project-image:hover{transform:scale(1.05)}.project-image-container:before{align-items:center;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);color:#fff;content:"";display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.project-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.project-description{color:#ccc;flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tech-tag{background-color:hsla(0,0%,100%,.1);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.project-link{align-self:flex-start;background-color:#fff;border-radius:4px;color:#000;display:inline-block;font-weight:500;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s ease}.project-link:hover{background-color:#f0f0f0;transform:translateY(-2px)}@media (max-width:768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.projects-title{font-size:2rem}}@media (max-width:480px){.projects-section{padding:3rem 1rem}.projects-grid{grid-template-columns:1fr}.project-card{max-width:100%}}.pricing-section{align-items:center;background-color:#0a0a0a;box-sizing:border-box;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative;width:100%}.star{pointer-events:none;z-index:1}.pricing-container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.pricing-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:6rem;position:relative;text-align:center}.pricing-title:after{background-color:#fff;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.pricing-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));perspective:1000px}.pricing-card{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden;padding:40px 30px;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:all .4s ease}.pricing-card:before{background:#14ceff;background:var(--card-color,#14ceff);content:"";height:5px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.pricing-card.hovered{border-color:#14ceff;border-color:var(--card-color,#14ceff);box-shadow:0 10px 25px rgba(0,0,0,.3);transform:translateY(-10px)}.pricing-card.hovered:before{height:10px}.pricing-card.popular{border-color:#f70131;border-color:var(--card-color,#f70131);box-shadow:0 15px 40px rgba(247,1,49,.25);box-shadow:0 15px 40px var(--card-shadow-color,rgba(247,1,49,.25));transform:scale(1.05);z-index:1}.pricing-card.popular.hovered{transform:scale(1.05) translateY(-10px)}.popular-badge{background:#f70131;background:var(--card-color,#f70131);font-size:.8rem;padding:5px 40px;right:-30px;transform:rotate(45deg)}.popular-badge,.promotion-badge{box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;font-weight:700;position:absolute;top:15px}.promotion-badge{align-items:center;background-color:#f70131;border-radius:20px;display:flex;font-size:.9rem;justify-content:center;padding:5px 15px;right:15px;z-index:2}.promotion-text{margin-left:5px}.pricing-icon{font-size:3rem;margin-bottom:20px;text-align:center;transition:transform .3s ease}.hovered .pricing-icon{transform:scale(1.2) rotate(5deg)}.pricing-plan-title{color:#14ceff;color:var(--card-color,#14ceff);font-size:1.8rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-align:center}.pricing-price-container{margin-bottom:30px;text-align:center}.original-price{color:#fff;font-size:1.5rem;margin-bottom:5px;opacity:.7;text-decoration:line-through}.current-price{color:#fff;font-size:2.5rem;font-weight:700;position:relative}.current-price:after{background-color:#14ceff;background-color:var(--card-color,#14ceff);bottom:-15px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.pricing-features{flex-grow:1;list-style:none;margin:0 0 30px;padding:0}.pricing-feature{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;padding:10px 0}.pricing-feature:last-child{border-bottom:none}.feature-check{color:#14ceff;color:var(--card-color,#14ceff);font-weight:700;margin-right:10px}.pricing-button{align-self:center;background-color:#14ceff;background-color:var(--card-color,#14ceff);border:none;border-radius:30px;box-shadow:0 5px 15px rgba(20,206,255,.25);box-shadow:0 5px 15px var(--card-shadow-color,rgba(20,206,255,.25));color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 25px;transition:all .3s ease}.pricing-button:hover{box-shadow:0 10px 20px rgba(20,206,255,.4);box-shadow:0 10px 20px var(--card-shadow-color,rgba(20,206,255,.4));transform:translateY(-5px)}.pricing-note{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-top:3rem;text-align:center}.pricing-note-icon{color:#14ceff;color:var(--card-color,#14ceff);font-size:1.2rem}.pricing-note-text{font-style:italic}@media (max-width:768px){.pricing-grid{display:none}.pricing-carousel-container{margin:0 auto 60px;max-width:350px;position:relative;width:100%}.pricing-carousel{display:block;min-height:550px;position:relative;width:100%}.carousel-item{box-shadow:0 10px 30px rgba(0,0,0,.2);display:none;margin:0 auto;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .6s ease,transform .6s ease;width:100%}.carousel-item.active{animation:cardFadeIn .6s ease forwards;display:block;opacity:1;transform:translateY(0) scale(1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.carousel-controls{gap:20px;margin-top:30px}.carousel-control,.carousel-controls{align-items:center;display:flex;justify-content:center}.carousel-control{background-color:red;border:none;border-radius:50%;box-shadow:0 4px 10px rgba(255,0,0,.3);color:#fff;cursor:pointer;font-size:1.5rem;height:44px;overflow:hidden;position:relative;transition:all .3s ease;width:44px}.carousel-control:before{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:transform .5s ease,opacity .5s ease;width:100%}.carousel-control:hover{background-color:#c00;box-shadow:0 6px 12px rgba(255,0,0,.4);transform:translateY(-2px) scale(1.05)}.carousel-control:active:before{opacity:.5;transform:scale(3);transition:transform .3s ease,opacity .3s ease}.carousel-indicators{display:flex;gap:10px}.carousel-dot{background-color:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;height:12px;overflow:hidden;position:relative;transition:all .3s ease;width:12px}.carousel-dot:after{background:radial-gradient(circle,rgba(255,0,0,.7) 0,rgba(255,0,0,0) 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:transform .5s ease,opacity .5s ease;width:100%}.carousel-dot.active{background-color:red;box-shadow:0 0 10px rgba(255,0,0,.5);transform:scale(1.2)}.carousel-dot.active:after{animation:pulseEffect 2s infinite;opacity:.5;transform:scale(2)}@keyframes pulseEffect{0%{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(2)}to{opacity:.5;transform:scale(1)}}.pricing-card{margin-bottom:0;transform:none!important}.pricing-card.popular{order:0;transform:none!important}}.contact-section{align-items:center;background-color:#0a0a0a;box-sizing:border-box;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative;width:100%}.stars-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.star{animation:twinkle 5s infinite alternate;animation:twinkle var(--duration,5s) infinite alternate;background-color:#fff;border-radius:50%;opacity:.6;position:absolute}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}.contact-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,8%,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);margin:0 auto;max-width:800px;padding:3rem;position:relative;width:100%;z-index:2}.contact-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:2.5rem;position:relative;text-align:center}.contact-title:after{background-color:#fff;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-progress{gap:20px;margin:2rem 0}.form-progress,.progress-step{display:flex;justify-content:center}.progress-step{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:40px;transition:all .3s ease;width:40px}.progress-step.active{background-color:red;color:#fff}.progress-step.current{background-color:red;transform:scale(1.2)}.progress-step:hover{background-color:#c00}.step-indicator{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.step-indicator-item{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step-indicator-item.completed{background-color:red}.step-indicator-item.completed:after{color:#fff;content:"✓";font-size:1.2rem}.contact-form{position:relative;transition:transform .5s ease,opacity .5s ease}.contact-form.animating{opacity:0;transform:translateX(50px)}.form-step{display:flex;flex-direction:column;gap:1.5rem}.step-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.floating-input,.floating-textarea{margin-bottom:1.5rem;position:relative}.floating-input input,.floating-textarea textarea{background-color:hsla(0,0%,100%,.05);border:none;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:1rem;padding:1.2rem 1rem .5rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.floating-input label,.floating-textarea label{color:hsla(0,0%,100%,.6);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.floating-textarea label{top:1.2rem;transform:none}.floating-input.focused label,.floating-textarea.focused label{color:red;font-size:.75rem;left:1rem;top:.5rem}.floating-input input:focus,.floating-textarea textarea:focus{background-color:hsla(0,0%,100%,.1);box-shadow:0 0 0 2px rgba(255,0,0,.3);outline:none}.input-highlight{background-color:red;bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.floating-input.focused .input-highlight,.floating-textarea.focused .input-highlight{width:100%}.floating-textarea textarea{min-height:120px;resize:vertical}.plan-options,.subject-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.plan-option,.subject-option{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.plan-option:hover,.subject-option:hover{background-color:rgba(255,0,0,.1);transform:translateY(-5px)}.plan-option.selected,.subject-option.selected{background-color:rgba(255,0,0,.2);border-color:red;box-shadow:0 0 15px rgba(255,0,0,.3)}.plan-option.selected:hover,.subject-option.selected:hover{background-color:rgba(255,0,0,.3)}.plan-option.selected .option-icon,.plan-option:hover .option-icon,.subject-option.selected .option-icon,.subject-option:hover .option-icon{color:red}.option-icon{font-size:2rem;margin-bottom:1rem}.option-label{font-weight:500}.form-navigation{display:flex;justify-content:space-between;margin-top:1.5rem}.form-button{align-items:center;background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.form-button:hover{background-color:#c00}.next-button,.prev-button{background-color:red}.next-button:hover,.prev-button:hover{background-color:#c00}.button-icon{font-size:1.2rem}.success-step{padding:2rem 0;text-align:center}.success-icon{animation:success-pulse 2s infinite;color:red;font-size:4rem;margin-bottom:1.5rem}@keyframes success-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-title{color:#fff;font-size:2rem;margin-bottom:1rem}.success-message{color:hsla(0,0%,100%,.8);font-size:1.1rem;margin-bottom:2rem}.reset-button{background-color:red;margin:0 auto}.reset-button:hover{background-color:#c00}@media (max-width:768px){.contact-container{padding:2rem 1.5rem}.plan-options,.subject-options{grid-template-columns:1fr}.form-progress{margin-bottom:2rem}.progress-step{font-size:.9rem;height:30px;margin:0 10px;width:30px}.form-navigation{flex-direction:column;gap:1rem}.form-button{justify-content:center;width:100%}.prev-button{order:2}.next-button,.submit-button{order:1}}.footer{background-color:#1a1a1a;color:#fff;padding:2rem 0;position:relative;width:100%;z-index:1}.footer__content{margin:0 auto;max-width:1200px;padding:0 2rem}.footer__nav{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:1rem}.footer__nav a{color:#fff;text-decoration:none;transition:color .3s ease}.footer__nav a:hover{color:#40122a}.footer__social{display:flex;gap:1rem}.footer__social a{align-items:center;background-color:#2a2a2a;border-radius:50%;display:flex;height:32px;justify-content:center;transition:background-color .3s ease;width:32px}.footer__social a:hover{background-color:#40122a}.footer__social a:hover img{filter:brightness(0) invert(1)}.footer__social img{height:20px;object-fit:contain;width:20px}.footer__tech{gap:1rem}.footer__tech,.footer__tech a{align-items:center;display:flex}.footer__tech a{background-color:#2a2a2a;border-radius:50%;height:32px;justify-content:center;transition:background-color .3s ease;width:32px}.footer__tech a:hover{background-color:#40122a}.footer__tech a:hover img{filter:brightness(0) invert(1)}.footer__tech img{height:20px;object-fit:contain;width:20px}.footer__contact{align-items:center;display:flex;gap:1rem}.contact-info,.contact-link{align-items:center;display:flex;gap:.5rem}.contact-link{color:#fff;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:red}.contact-link img{height:24px;object-fit:contain;transition:transform .3s ease;width:24px}.contact-link:hover img{transform:scale(1.2)}.contact-link span{font-family:Arial,sans-serif;font-size:.9rem;opacity:.9}.footer__copyright{color:#888;font-size:.9rem;margin-top:1rem;text-align:center}@media (max-width:768px){.footer__nav{flex-direction:column;text-align:center}.footer__contact,.footer__social,.footer__tech{justify-content:center}}*,:after,:before{box-sizing:border-box}:root{font-size:15px}body{--color-text:#fff;--color-bg:#fff;--color-link:#fff;--color-link-hover:#6b6b6b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);background:#333;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;margin:0}#root,body,html{height:100%;margin:0;padding:0;width:100%}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);outline:none;text-decoration:none}a:focus,a:hover{color:var(--color-link-hover);outline:none}.frame{padding:1rem 5vw;position:relative;text-align:center;z-index:1000}.frame__title{font-size:1rem;font-weight:400;margin:0 0 1rem}.frame__links{align-items:center;display:flex;gap:2rem;justify-content:center}.frame__links a{margin:0 1rem}.frame__demos a:not(:last-child),.frame__links a:not(:last-child){margin-right:1rem}.frame__demos{margin:1rem 0}.frame__demo--current,.frame__demo--current:hover{color:var(--color-text)}.content{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 13rem);justify-content:flex-start;position:relative;width:100vw}@media screen and (max-width:768px){.frame{background:transparent;padding:.5rem 1rem}.frame__links{flex-wrap:wrap;gap:.75rem;justify-content:center}.frame__links a{font-size:.9rem;margin:.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.content{height:calc(100vh - 8rem)}}@media screen and (max-width:480px){.frame__links{gap:.5rem}.frame__links a{font-size:.85rem;margin:.15rem}}@media screen and (min-width:53em){.frame{align-content:space-between;display:grid;grid-template-areas:"title links" "... ..." "... demos";grid-template-columns:75% 25%;grid-template-rows:auto auto auto;height:100vh;left:0;max-width:none;padding:3rem;pointer-events:none;position:fixed;text-align:left;top:0;width:100%;z-index:100}.frame__title-wrap{display:flex;grid-area:title}.frame__title{margin:0}.frame__tagline{margin:0 0 0 1rem;opacity:.5;padding:0 0 0 1rem;position:relative}.frame__demos{grid-area:demos;justify-self:end;margin:0}.frame__links{grid-area:links;justify-self:end;padding:0}.frame a{pointer-events:auto}.content{height:100vh;justify-content:center}}
/*# sourceMappingURL=main.9057eb53.css.map*/