@import url(https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Exo+2:wght@300;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.page-content{color:#fff;min-height:100vh;padding-top:80px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}body{margin:0;overflow-x:hidden}body,html{max-width:100%;width:100%}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-content{padding-top:100px}.home-main{align-items:center;animation:gradientAnimation 10s ease infinite;background:linear-gradient(135deg,#30009c,#e63946,#ffb703,#219ebc,#06d6a0);background-size:400% 400%;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.home-main h1{font-size:5rem;font-weight:900;margin:.5rem 0;text-shadow:2px 2px 5px #0009}.home-main h2{font-size:3rem;font-weight:600;margin:.5rem 0;text-shadow:1px 1px 3px #0006}.home-main p{font-size:1.5rem;margin-top:1.5rem;max-width:800px;text-shadow:1px 1px 2px #0006}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.btn{border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:.3s ease}.white-btn{background-color:#fff;box-shadow:0 4px 10px #fff3;color:#000}.black-btn{background-color:#000;box-shadow:0 4px 10px #0000004d;color:#fff}.black-btn:hover,.white-btn:hover{transform:scale(1.05)}*{box-sizing:border-box;margin:0;padding:0}.navbar-container{background:linear-gradient(90deg,#e0c3fc,#8ec5fc);box-shadow:0 4px 12px #0000001a;position:fixed;top:0;width:100%;z-index:999}body,html{font-family:Poppins,sans-serif;margin:0;overflow-x:hidden;padding:0}.navbar-container{overflow:hidden}.logo-container{align-items:center;display:flex;gap:.5rem;left:20px;position:fixed;top:20px;z-index:30}.logo{height:40px;width:auto}.menu-toggle{display:none}.menu-button{align-items:center;background:linear-gradient(to bottom right,#ec4899,#6366f1);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s;width:48px;z-index:20}.menu-toggle:checked+.menu-button{background:#fff;color:#2563eb}.menu-toggle:checked+.menu-button .menu-icon:before{content:"\f00d";font-family:Font Awesome\ 5 Free;font-weight:900}.overlay{background:linear-gradient(to bottom right,#ec4899,#6366f1);clip-path:circle(25px at calc(100% - 45px) 45px);height:100%;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:10}.menu-toggle:checked~.overlay{clip-path:circle(75%)}.nav-links{left:50%;list-style:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.nav-link{color:#fff;display:inline-block;font-size:1.5rem;font-weight:500;padding:.5rem 1.5rem;position:relative;text-decoration:none;transition:all .3s}.nav-link:hover{color:#4f46e5}.hover-background{background:#fff;border-radius:9999px;inset:0;position:absolute;transform:scaleY(0);transform-origin:center;transition:transform .3s;z-index:-1}.nav-link:hover .hover-background{transform:scaleY(1)}.main-feature{align-items:center;background-color:#333;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.feature-intro,.feature-outro{color:#fff;margin-bottom:40px;text-align:center}.feature-intro h2,.feature-outro h2{font-size:2rem;margin-bottom:10px}.feature-intro p,.feature-outro p{color:#ccc;font-size:1.1rem;margin:0 auto;max-width:700px}.container{flex-grow:1;margin-left:auto;margin-right:auto;max-width:960px;padding-left:20px;padding-right:20px}.cards{grid-gap:32px;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.cards__item{height:400px}.card{background-color:#2c3e50;position:relative}.card,.card__frame{align-items:center;display:flex;justify-content:center}.card__frame{bottom:0;flex-direction:column;left:0;position:absolute;right:0;text-align:center;top:0}.card__picture{filter:invert(1);margin-bottom:12px}.card__title{font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.card__overlay{align-items:center;background-color:#fff;border-radius:50%;bottom:20px;box-shadow:0 2px 4px rgba(#000000,.2);cursor:pointer;display:flex;height:52px;justify-content:center;position:absolute;right:20px;transition:.5s;width:52px;&:before{content:"Read";font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}&:focus,&:hover{border-radius:0;bottom:0;box-shadow:none;height:100%;opacity:.9;right:0;width:100%;&:before{content:none}}.card--design &{background-image:linear-gradient(45deg,#3503ad,#f7308c)}.card--code &{background-image:linear-gradient(45deg,#cf0,#09afff)}.card--launch &{background-image:linear-gradient(45deg,#e91e63,#ffeb3b)}.card--collaborate &{background-image:linear-gradient(45deg,#43cea2,#185a9d)}.card--debug &{background-image:linear-gradient(45deg,#f7971e,#ffd200)}.card--customize &{background-image:linear-gradient(45deg,#00c6ff,#0072ff)}}.card__content{box-sizing:border-box;line-height:1.4;opacity:0;padding:20px;pointer-events:none;transition:0s;visibility:hidden;z-index:1;.card__overlay:hover~&{opacity:1;transition:.2s .3s;visibility:visible}h2{margin:0 0 16px}}.card--design{background:linear-gradient(135deg,#3503ad,#f7308c)}.card--code{background:linear-gradient(135deg,#cf0,#09afff)}.card--launch{background:linear-gradient(135deg,#e91e63,#ffeb3b)}.card--collaborate{background:linear-gradient(135deg,#43cea2,#185a9d)}.card--debug{background:linear-gradient(135deg,#f7971e,#ffd200)}.card--customize{background:linear-gradient(135deg,#00c6ff,#0072ff)}@media screen and (max-width:1024px){.cards{grid-template-columns:repeat(2,1fr)}.card__title{font-size:1.2rem}.feature-intro h2{font-size:1.8rem}.feature-intro p{font-size:1rem}}@media screen and (max-width:768px){.cards{grid-template-columns:1fr}.main-feature{padding:2rem 1rem}.card__frame img{width:100px}.card__title{font-size:1.1rem}.card__content{padding:1rem}.feature-intro h2{font-size:1.6rem}.feature-intro p{font-size:.95rem;padding:0 1rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.docs-main{--color:#1e1e1e;--bgColor:#f5f5f5;grid-gap:2rem;align-content:center;background:var(--bgColor);color:var(--color);display:grid;font-family:Exo\ 2,sans-serif;gap:2rem;padding:2rem;position:relative;z-index:1}h1{text-align:center}ol{counter-reset:stepnr;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin-inline:auto;width:min(60rem,90%)}li:nth-child(6n+1){--accent-color:#b8df4e}li:nth-child(6n+2){--accent-color:#4cbccb}li:nth-child(6n+3){--accent-color:#7197d3}li:nth-child(6n+4){--accent-color:#ae78cb}li:nth-child(6n+5){--accent-color:#7dc7a4}li:nth-child(6n+6){--accent-color:#f078c2}ol li{--borderS:2rem;aspect-ratio:1;counter-increment:stepnr;display:flex;flex-direction:column;justify-content:center;padding-left:calc(var(--borderS) + 2rem);position:relative;width:18rem}ol li:after,ol li:before{border:var(--borderS) solid var(--bgColor);border-radius:50%;inset:0;line-height:1.1;position:absolute}ol li:before{color:var(--accent-color);content:counter(stepnr);font-size:12rem;font-weight:700;overflow:hidden;padding-left:10rem}ol li:after{content:"";filter:drop-shadow(-.25rem .25rem .0675rem rgba(0,0,0,.75)) blur(5px)}ol li>*{width:7.5rem}ol li .icon{color:var(--accent-color);font-size:2rem;text-align:center}ol li .title{font-size:2rem;font-weight:500}ol li .descr{font-size:.8rem;font-weight:300}.credits{margin-top:2rem;text-align:right}.credits a{color:var(--color)}.docs-main{background:linear-gradient(to bottom right,#c2e9fb,#a1c4fd);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:4rem 2rem}.docs-main h1{color:#1a237e;font-size:3rem;font-weight:700;margin-bottom:1rem;text-align:center}.docs-intro{color:#333;font-size:1.1rem;line-height:1.8;margin:0 auto 2.5rem;max-width:800px;text-align:center}.docs-main h2{color:#0d47a1;font-size:2rem;margin-bottom:2rem;text-align:center}@media screen and (max-width:600px){.docs-main{padding:2rem 1rem}.docs-main h1{font-size:2rem}.docs-intro{font-size:1rem;padding:0 1rem}.docs-main h2{font-size:1.5rem}}.services-section{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);color:#fff;min-height:100vh;padding:4rem 2rem;text-align:center}.services-header{margin-bottom:3rem}.services-header h2{color:#fff;font-size:3rem;font-weight:900;letter-spacing:1px;margin-bottom:1rem;text-shadow:2px 2px 5px #0000004d}.services-header p{color:#f1f1f1;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:700px}.container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px;padding:1rem}.card{height:200px;perspective:1000px;width:300px}.inner-card{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s ease;width:100%}.card:hover .inner-card{transform:rotateY(180deg)}.face{align-items:center;backface-visibility:hidden;border-radius:12px;box-shadow:0 10px 30px #0000004d;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:1.5rem;position:absolute;text-align:center;width:100%}.front{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px}.back{background:#fff;color:#333;font-size:1rem;transform:rotateY(180deg)}.back p{line-height:1.5;margin:0;padding:.5rem}.front-collab{background:linear-gradient(135deg,#00c6ff,#0072ff)}.front-debug{background:linear-gradient(135deg,#f7971e,#ffd200)}.front-cicd{background:linear-gradient(135deg,#43cea2,#185a9d)}.front-practice{background:linear-gradient(135deg,#f96,#ff5e62)}.front-theme{background:linear-gradient(135deg,#654ea3,#eaafc8)}.front-cloud{background:linear-gradient(135deg,#00d2ff,#3a7bd5)}.front-multilang{background:linear-gradient(135deg,#f953c6,#b91d73)}@media (max-width:768px){.container{align-items:center;flex-direction:column}}.blog-page{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:4rem 2rem}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{color:#260572;font-size:4rem;font-weight:900;margin-bottom:1rem}.blog-header p{color:#4f3292;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:700px}.blog-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.blog-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;color:#333;max-width:350px;padding:1.5rem;transition:.3s}.blog-card:hover{transform:translateY(-5px)}.blog-card h2{font-size:1.5rem;margin-bottom:.5rem}.blog-meta{color:#777;font-size:.9rem;margin-bottom:1rem}.blog-card p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.blog-card button{background:#2575fc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;transition:background .3s}.blog-card button:hover{background:#1b5fd9}@media screen and (max-width:768px){.blog-header h1{font-size:2.5rem}.blog-header p{font-size:1rem}.blog-card h2{font-size:1.25rem}.blog-card p{font-size:.95rem}.blog-meta{font-size:.8rem}.blog-card button{font-size:.9rem;padding:.5rem 1rem}}@media screen and (max-width:480px){.blog-header h1{font-size:2rem}.blog-header p{font-size:.95rem}.blog-card{padding:1rem}.blog-card h2{font-size:1.1rem}.blog-card p{font-size:.9rem}.blog-card button{font-size:.85rem;padding:.4rem .8rem}}
/*# sourceMappingURL=main.a142372d.css.map*/