body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}body{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.app-grid{align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.app-grid,.input-panel{display:flex;padding:20px}.input-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex:1 1;flex-direction:column;min-width:300px}.input{font-size:16px;margin:10px 0}.input,.textarea{border:1px solid #ccc;border-radius:4px;padding:10px}.textarea{font-family:monospace;font-size:14px;margin-bottom:15px;resize:vertical}.output-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;flex-direction:column;min-width:300px;padding:20px}.editor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.copy-success{color:green;font-size:14px;margin-left:10px}.button,.copy-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 14px;transition:background-color .2s ease-in-out}.button:hover,.copy-button:hover{background-color:#0056b3}.note-section{box-sizing:border-box;margin:20px auto;padding:0 20px;width:95%}.note-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #0000000d;max-width:100%;padding:20px}.flutter-notes{list-style:disc;margin-left:20px;margin-top:10px}.flutter-notes li{line-height:1.5;margin-bottom:15px}.note-card pre{background-color:#f8f8f8;border-radius:4px;margin-top:8px;overflow-x:auto;padding:10px}.command-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:5px;max-width:100%;overflow-x:auto;padding-bottom:5px}.command-text{background-color:#e9ecef;border-radius:4px;flex:1 1 auto;font-family:monospace;min-width:0;overflow-wrap:break-word;padding:6px 10px;white-space:pre-wrap;word-break:break-word}.app-title{font-size:20px;font-weight:700;margin-bottom:20px}@media (max-width:768px){.app-grid{flex-direction:column}.input-panel,.output-panel{width:100%}}.app-header{background-color:#007bff;box-shadow:0 2px 6px #0003;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;-webkit-user-select:none;user-select:none;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{font-size:1.8rem;font-weight:700;letter-spacing:1.5px;margin-left:10px}.nav-menu ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav-menu ul li a{color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s ease}.nav-menu ul li a:focus,.nav-menu ul li a:hover{color:#d0e6ff;outline:none}.menu-toggle-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;margin-left:5%;padding:0;width:25px}.menu-toggle-btn .bar{background-color:#fff;border-radius:2px;height:3px;transition:all .3s ease;width:100%}.menu-toggle-btn .bar.open:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle-btn .bar.open:nth-child(2){opacity:0}.menu-toggle-btn .bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.header-container{align-items:center;flex-direction:row;gap:10px;justify-content:flex-start}.menu-toggle-btn{display:flex}.nav-menu{background:linear-gradient(90deg,#2563eb,#7c3aed);left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:60px;transition:max-height .3s ease;width:100%;z-index:999}.nav-menu.open{max-height:300px}.nav-menu ul{flex-direction:column;gap:10px;margin:0;padding:10px 0;width:100%}.nav-menu ul li{border:1px solid #e0e0e0;border-radius:8px;margin:auto 5rem;text-align:center}}.app-footer{background-color:#f8f8f8;border-top:1px solid #ddd;color:#444;font-family:sans-serif;margin-top:20px;padding:30px 20px 15px;-webkit-user-select:none;user-select:none}.footer-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin:0 auto;max-width:1200px}.company-info h2{color:#007bff;font-size:1.6rem;font-weight:700;margin-bottom:8px}.company-info p{color:#555;font-size:1rem;max-width:300px}.contact-info h3{color:#222;font-size:1.3rem;font-weight:600;margin-bottom:8px}.contact-info p{color:#555;font-size:1rem;margin:4px 0}.footer-bottom{border-top:1px solid #ddd;color:#888;font-size:14px;margin-top:20px;padding-top:10px;text-align:center}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column;text-align:center}.company-info p,.contact-info p{max-width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;color:#1f2937;font-family:Inter,sans-serif;line-height:1.6}header{background:linear-gradient(90deg,#2563eb,#7c3aed);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1.5rem 1rem}header h1{font-size:1.875rem;font-weight:700}header nav a{color:#fff;font-weight:500;margin-left:1rem;text-decoration:none}header nav a:hover{text-decoration:underline}section.text-center{background-color:#f3f4f6;padding:4rem 1rem}section.text-center h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;margin-left:auto;margin-right:auto}section.text-center p{font-size:1.125rem;max-width:700px}button,section.text-center p{margin-left:auto;margin-right:auto}button{background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:400;padding:.75rem 1.5rem;transition:background .3s,transform .2s}button:hover{opacity:.9;transform:scale(1.02)}.carousel .slide img{border-radius:1rem;max-height:320px;object-fit:cover}.carousel .legend{background:#0009;border-radius:0 0 1rem 1rem;font-size:1rem;padding:.5rem 1rem}.card{box-shadow:0 10px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 15px 25px #0000001a;transform:scale(1.03)}#benefits{background:#fff;padding:4rem 1rem}#benefits h3{font-size:1.25rem;margin-bottom:.5rem}#benefits p{color:#4b5563}#about{background-color:#f9fafb;padding:4rem 1rem;text-align:center}#about h2{font-size:2rem;font-weight:700;margin-bottom:1rem}#about p{color:#4b5563;font-size:1.125rem;margin:0 auto;max-width:600px}footer{background-color:#1f2937;color:#fff;padding:3rem 1rem}footer h3,footer h4{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}footer a,footer p{color:#d1d5db;font-size:.95rem}footer a:hover{text-decoration:underline}footer ul{list-style:none;padding:0}footer ul li{margin-bottom:.5rem}footer .text-sm{color:#9ca3af;font-size:.875rem}@media (max-width:768px){header nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.carousel .slide img{max-height:240px}#benefits{grid-template-columns:1fr!important}.text-center h2{font-size:2rem}.card{padding:1.25rem}}.benefits-section{background:#f9fafb;max-width:100vw;overflow-x:hidden;padding:2rem 1rem}.benefits-heading{margin-bottom:1.5rem;text-align:center}.benefits-carousel{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.benefits-carousel::-webkit-scrollbar{display:none}.benefits-carousel{-ms-overflow-style:none;scrollbar-width:none}.benefit-card{background:#fff;border-radius:1rem;box-shadow:0 6px 15px #0000000f;display:flex;flex:0 0 auto;flex-direction:column;gap:.75rem;min-width:300px;padding:1.5rem 2rem;scroll-snap-align:start}.benefit-icon{color:#6366f1;font-size:2.5rem}.benefit-title{color:#111827;font-size:1.25rem;font-weight:700}.benefit-content{color:#374151;font-size:1rem;line-height:1.4;white-space:pre-line}.benefit-code{background:#f3f4f6;border-radius:.5rem;color:#1f2937;font-family:Courier New,Courier,monospace;font-size:.875rem;margin-top:.5rem;overflow-x:auto;padding:.75rem 1rem}@media (max-width:640px){.benefits-heading{font-size:1.5rem}.benefit-card{min-width:260px;padding:1rem 1.5rem}}.card{align-items:center;background:#fff;box-shadow:0 6px 15px #0000000f;display:flex;flex-direction:column;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-4px)}.card-icon{color:#6366f1;font-size:2.5rem;margin-bottom:1rem}.card-title{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-content{color:#4b5563;font-size:1rem}.benefits-section{background-color:#f9fafb;padding:4rem 1rem;text-align:center}.benefits-heading{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:2rem}.benefits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.button-primary{background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,background .3s ease}.button-primary:hover{background:linear-gradient(90deg,#5b21b6,#1d4ed8);transform:scale(1.05)}@media (max-width:640px){.benefits-heading{font-size:1.5rem}.card-title{font-size:1.125rem}}.carousel-card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;margin:0 1rem;max-height:320px;max-width:100%;overflow-y:auto;padding:1.5rem}.carousel-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.carousel-card p{font-size:.875rem}.page-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:700px;padding:0 1rem}h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:#0000;margin-bottom:2rem;text-align:center}.contact-form{background:#fff;border-radius:12px;box-shadow:0 5px 15px #7c3aed33;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.contact-form label{color:#2563eb;font-size:1rem;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{border-color:#7c3aed;box-shadow:0 0 5px #7c3aed;outline:none}.contact-form button{align-self:center;background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s,transform .2s;width:-webkit-fit-content;width:fit-content}.contact-form button:hover{background:linear-gradient(90deg,#5b21b6,#1e40af);transform:scale(1.05)}.about-page .about-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 15px #7c3aed33;display:flex;flex-wrap:wrap;gap:2rem;padding:2rem}.about-photo{border:4px solid #7c3aed;border-radius:50%;box-shadow:0 0 10px #7c3aedaa;height:150px;object-fit:cover;width:150px}.about-info{flex:1 1 300px}.about-info h3{color:#7c3aed;margin-top:0}.about-info p{color:#444;line-height:1.6;margin-bottom:1rem}.social-links a{align-items:center;color:#2563eb;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-right:1.5rem;text-decoration:none}.social-links a:hover{color:#7c3aed}.social-links i{font-size:1.3rem}@media (max-width:600px){.about-page .about-content{flex-direction:column;text-align:center}.about-info{flex:none}}.fab{align-items:center;background:linear-gradient(90deg,#7c3aed,#2563eb);border:none;border-radius:9999px;bottom:20px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:.75rem 1.5rem;position:fixed;right:20px;transition:background .3s,transform .2s;z-index:1000}.fab:hover{background:linear-gradient(90deg,#5b21b6,#1e40af);transform:scale(1.05)}.fab:focus{outline:none}.fab-icon{font-size:1.2rem}.fab-text{white-space:nowrap}.freezed-section{background-color:#f9f9f9;padding:2rem}.freezed-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.freezed-image-container{flex:0 0 150px;margin-right:2rem;text-align:center}.freezed-image{height:150px;width:150px}.freezed-image,.freezed-image2{border-radius:50%;object-fit:cover}.freezed-image2{height:100px;width:100px}@keyframes coldShake{0%{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}50%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(-1px,1px)}to{transform:translate(0)}}.freezed-image3{border-radius:50%;height:50px;margin-bottom:-5%;width:50px}.freezed-image3:hover{animation:coldShake .3s linear infinite}.freezed-text{flex:1 1;max-width:600px}.freezed-text h2{font-size:1.5rem;margin-bottom:1rem}.freezed-text p{line-height:1.6;margin-bottom:1rem}.freezed-text ul{list-style:none;margin-bottom:1rem;padding:0}.freezed-text ul li:before{color:#007acc;content:"•";display:inline-block;margin-left:-1em;width:1em}.freezed-link{color:#007acc;display:inline-block;font-weight:700;margin-top:1rem;text-decoration:none}.freezed-link:hover{text-decoration:underline}@media (max-width:768px){.freezed-content{align-items:stretch;flex-direction:column}}.card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;margin:auto;max-width:600px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}@media (max-width:600px){.card{margin:.5rem}}.card:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-5px)}.text-center{padding:40px 20px;text-align:center}.text-columns{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1200px}.column{box-sizing:border-box;flex:0 0 50%;padding:10px 20px}.column p{font-size:1.125rem;margin:0 auto;max-width:600px;text-align:left}@media (max-width:768px){.column{flex:0 0 100%;text-align:center}}.video-container{background:linear-gradient(90deg,#fff,#fff);border-radius:15px;box-shadow:0 0 25px #e52e714d;max-width:900px;overflow:hidden;padding:8px;transition:transform .3s ease}.video-container:hover{transform:scale(1.02)}.custom-video{border-radius:10px;display:block;height:auto;width:100%}