*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}html{touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:#1a202c;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{position:fixed;top:0;width:100%;background:#fff;backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;padding:20px 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1001}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:transform .3s;min-width:max-content}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#4b5563;text-decoration:none;font-weight:500;transition:color .3s;position:relative;white-space:nowrap}.nav-links a:hover{color:#3b82f6}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);transition:width .3s}.nav-links a:hover::after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px;padding:10px;border-radius:8px;transition:background .3s;z-index:1002;position:relative}.hamburger:active{background:rgba(59,130,246,.1)}.hamburger span{width:24px;height:3px;background:#0f172a;border-radius:2px;transition:all .3s ease;display:block}.hamburger.active span:nth-child(1) {transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2) {opacity:0}.hamburger.active span:nth-child(3) {transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{display:none;position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#fff;flex-direction:column;padding:20px 0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999;box-shadow:0 5px 15px rgba(0,0,0,.1)}.mobile-menu.active{max-height:calc(100vh - 70px)}.mobile-menu a{padding:15px 30px;color:#4b5563;text-decoration:none;font-weight:500;border-bottom:1px solid #f1f5f9;transition:all .3s;display:block}.mobile-menu a:hover,.mobile-menu a:active{background:#f8fafc;color:#3b82f6;padding-left:50px}.mobile-menu a:last-child{border-bottom:none}.cta-btn{padding:12px 28px;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .3s , box-shadow .3s}.cta-btn:hover,.cta-btn:active{transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.3)}.hero-slider{position:relative;height:90vh;margin-top:80px;overflow:hidden}.slides-container{position:relative;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);z-index:1}.slide.active{opacity:1}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.15)}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:10;text-align:center;padding:0 30px}.hero-badge{display:inline-block;padding:10px 22px;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);border-radius:10px;font-size:14px;font-weight:600;margin-bottom:22px;color:#fff}.hero-content h1{display:block;font-size:64px;font-weight:900;line-height:1.15;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);padding:14px 22px;border-radius:10px}.hero-subtitle{display:inline-block;font-size:22px;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);padding:12px 20px;border-radius:10px;margin-bottom:36px}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary{padding:18px 40px;background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .3s , box-shadow .3s;user-select:none}.btn-primary:hover,.btn-primary:active{transform:translateY(-3px);box-shadow:0 15px 40px rgba(59,130,246,.4)}@media (max-width:768px){.hero-content h1{font-size:40px;padding:12px 18px}.hero-subtitle{font-size:18px;padding:10px 16px}.hero-badge{padding:8px 18px}}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:40px;width:60px;height:60px;cursor:pointer;border-radius:50%;transition:all .3s;z-index:20;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-tap-highlight-color:transparent}.slider-nav:hover,.slider-nav:active{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}.slider-nav.prev{left:30px}.slider-nav.next{right:30px}.hero-simple{position:relative;height:60vh;margin-top:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.6)}.main-content{padding:80px 30px}.container{max-width:1200px;margin:0 auto}.page-title{font-size:48px;font-weight:800;color:#0f172a;margin-bottom:30px}.content{font-size:18px;line-height:1.8;color:#374151}.content h1,.content h2,.content h3{color:#0f172a;font-weight:700;margin-top:40px;margin-bottom:20px}.content h1{font-size:36px}.content h2{font-size:30px}.content h3{font-size:24px}.content p{margin-bottom:20px}.content a{color:#1d4ed8;text-decoration:underline;border-bottom:2px solid transparent;transition:border-color .3s}.content a:hover,.content a:active{border-bottom-color:#1d4ed8}.content ul,.content ol{margin-left:30px;margin-bottom:20px}.content li{margin-bottom:10px}.content img{max-width:100%;height:auto;aspect-ratio:auto;border-radius:12px;margin:30px 0;user-select:none}.content code{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:.9em}.content pre{background:#0f172a;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:20px 0}.content blockquote{border-left:4px solid #1d4ed8;padding-left:20px;margin:30px 0;font-style:italic;color:#64748b}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{text-align:center;padding:30px;border-radius:12px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05);transition:transform .3s}.feature-card:hover,.feature-card:active{transform:translateY(-10px)}.feature-icon{font-size:60px;margin-bottom:20px;display:block}.feature-card h3{font-size:24px;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.7}.btn{padding:16px 40px;border-radius:10px;text-decoration:none;font-weight:700;font-size:16px;display:inline-block;transition:all .3s;user-select:none;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer}.btn-large{background:#fff;color:#667eea}.btn-large:hover,.btn-large:active{background:#f8fafc;transform:translateY(-2px)}.footer{background:#0f172a;color:#fff;padding:60px 30px 30px}.footer-content{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-col h4{.footer-col h3 {


    color: white;


    font-size: 18px;


    font-weight: 700;


    margin-bottom: 20px;


}


    color: white;font-size:18px;font-weight:700;margin-bottom:20px}.footer-col p{color:#94a3b8;line-height:1.8;margin-bottom:15px}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-col a:hover,.footer-col a:active{color:#3b82f6}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;background:rgba(59,130,246,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s;-webkit-tap-highlight-color:transparent}.social-links a:hover,.social-links a:active{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);transform:translateY(-3px)}.badge-container{margin-top:25px}.made-with-badge{display:inline-flex!important;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,rgba(6,182,212,.15) 100%);border:1px solid rgba(59,130,246,.3);border-radius:50px;font-size:14px;transition:all .3s;cursor:pointer;visibility:visible!important;opacity:1!important;position:relative!important;user-select:none;-webkit-tap-highlight-color:transparent}.made-with-badge:hover,.made-with-badge:active{background:linear-gradient(135deg,rgba(59,130,246,.25) 0%,rgba(6,182,212,.25) 100%);border-color:rgba(59,130,246,.5);transform:translateY(-2px)}.badge-icon{font-size:18px;animation:pulse 2s infinite;display:inline-block!important}.badge-text{color:#cbd5e1;display:inline-block!important}.badge-text strong{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.badge-container[style*="display: none"],.badge-container[style*="visibility: hidden"],.badge-container[style*="opacity: 0"],.made-with-badge[style*="display: none"],.made-with-badge[style*="visibility: hidden"],.made-with-badge[style*="opacity: 0"]{display:inline-flex!important;visibility:visible!important;opacity:1!important}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8}@keyframes fadeInUp {


    from {


        opacity: 0;


        transform: translateY(30px);


    }


    to {


        opacity: 1;


        transform: translateY(0);


    }


}@keyframes pulse {


    0%, 100% {


        opacity: 1;


        transform: scale(1);


    }


    50% {


        opacity: 0.7;


        transform: scale(1.1);


    }


}button,a,input{touch-action:manipulation}input,textarea,select{font-size:16px;-webkit-user-select:text;user-select:text}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}@media (max-width:992px){.nav-links{display:none}.hamburger{display:flex}.mobile-menu{display:flex}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header{padding:15px 0}.nav-container{padding:0 15px}.logo{font-size:24px}.hero-slider{margin-top:70px;height:80vh}.hero-simple{margin-top:70px;height:50vh}.hero-content h1{font-size:40px}.hero-subtitle{font-size:18px}.page-title{font-size:36px}.content{font-size:16px}.main-content{padding:60px 20px}.footer-grid{grid-template-columns:1fr;gap:30px}.slider-nav{width:50px;height:50px;font-size:30px}.slider-nav.prev{left:15px}.slider-nav.next{right:15px}.hero-buttons{flex-direction:column;gap:15px}.btn-primary{padding:15px 30px;font-size:16px;width:100%;text-align:center}.features-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:480px){.hero-content h1{font-size:32px}.hero-slider{height:70vh}.hero-simple{height:45vh}.page-title{font-size:28px}.content h1{font-size:28px}.content h2{font-size:24px}.content h3{font-size:20px}.main-content{padding:40px 15px}.nav-container{padding:0 10px}.mobile-menu a{padding:12px 20px}.mobile-menu a:hover,.mobile-menu a:active{padding-left:40px}.btn{padding:14px 30px;font-size:14px}}.main-content>.container>div[style*="margin-top: 60px"]{max-width:900px;margin-left:auto!important;margin-right:auto!important}.main-content>.container>div[style*="margin-top: 60px"]>h2{text-align:center}