:root{--primary-blue: #0a3d91;--secondary-blue: #155bcc;--accent-blue: #e8f0fe;--text-dark: #1f2937;--text-light: #4b5563;--bg-white: #ffffff;--bg-gray: #f9fafb;--success: #10b981;--warning: #f59e0b;--border-light: #e5e7eb;--transition: all .3s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}html{scroll-behavior:smooth}body{color:var(--text-dark);line-height:1.6;background-color:var(--bg-white);overflow-x:hidden}h1,h2,h3,h4{line-height:1.2;font-weight:700;color:var(--text-dark)}p{color:var(--text-light);margin-bottom:1rem}a{text-decoration:none;transition:var(--transition)}ul{list-style:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}section{padding:5rem 0}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--primary-blue)}.section-subtitle{text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.125rem;color:var(--text-light)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}header{background-color:var(--bg-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-light)}.navbar{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-blue);display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-dark);font-weight:500;font-size:.95rem}.nav-links a:hover{color:var(--secondary-blue)}.mobile-menu-btn{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer;color:var(--primary-blue)}@media(max-width:768px){.nav-links{display:none;position:absolute;top:80px;left:0;width:100%;background:var(--bg-white);flex-direction:column;padding:1.5rem 0;box-shadow:var(--shadow-md);border-bottom:1px solid var(--border-light)}.nav-links.active{display:flex}.mobile-menu-btn{display:block}}#hero{background:linear-gradient(135deg,var(--bg-gray) 0%,var(--accent-blue) 100%);padding:7rem 0;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center}.hero-text h1{font-size:clamp(2.5rem,5vw,3.8rem);color:var(--primary-blue);margin-bottom:1.5rem;letter-spacing:-.02em}.hero-text p{font-size:1.25rem;margin-bottom:2.5rem;color:var(--text-light);max-width:600px}.hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(10,61,145,.1)}.stat-item h4{font-size:1.75rem;color:var(--primary-blue);margin-bottom:.25rem}.stat-item p{font-size:.875rem;margin:0;font-weight:500}.hero-visual{position:relative;perspective:1000px}.mockup-window{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg),0 25px 50px -12px #0a3d9140;overflow:hidden;border:1px solid var(--border-light);transform:rotateY(-5deg) rotateX(2deg);transform-style:preserve-3d;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotateY(-5deg)}50%{transform:translateY(-15px) rotateY(-5deg)}to{transform:translateY(0) rotateY(-5deg)}}.mockup-header{background:#f3f4f6;padding:.75rem 1rem;display:flex;gap:.5rem;border-bottom:1px solid var(--border-light)}.mockup-dot{width:12px;height:12px;border-radius:50%}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#f59e0b}.mockup-dot.green{background:#10b981}.mockup-body{display:flex;height:380px}.mockup-sidebar{width:70px;background:#1f2937;display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:1.2rem}.mockup-icon{width:36px;height:36px;background:#ffffff1a;border-radius:8px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.1rem}.mockup-content{flex:1;padding:1.5rem;background:var(--bg-gray);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mc-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.mc-full{grid-column:1 / -1}.mc-alert{display:flex;align-items:center;gap:10px;background:#fef3c7;padding:8px 12px;border-radius:6px;border-left:4px solid #f59e0b;font-size:.8rem;font-weight:600;margin-top:10px}.hero-buttons{display:flex;gap:1rem;margin-top:1rem;align-items:center}@media(max-width:992px){.hero-content{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-text p{margin:0 auto 2rem}.hero-stats{justify-content:center}.hero-buttons{justify-content:center;gap:1rem}.hero-visual{max-width:500px;margin:0 auto}}@media(max-width:768px){.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-buttons .btn{width:100%;max-width:320px}}#services{background-color:var(--bg-white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:var(--bg-gray);padding:2.5rem 2rem;border-radius:12px;border:1px solid var(--border-light);transition:var(--transition)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-blue);background:var(--bg-white)}.service-icon{font-size:2.5rem;margin-bottom:1.5rem;display:inline-block;background:var(--accent-blue);padding:1rem;border-radius:12px}#portfolio{background-color:var(--bg-gray)}.portfolio-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.filter-btn{background:var(--bg-white);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:99px;font-weight:600;color:var(--text-light);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.filter-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.filter-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.portfolio-item{background:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;padding:1.75rem;transition:var(--transition);display:flex;flex-direction:column}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-item:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary-blue);transform:translateY(-3px)}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.item-icon{font-size:2rem}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#d1fae5;color:#065f46}.status-active:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success)}.status-custom{background:#f3f4f6;color:#4b5563}.status-custom:before{content:"";width:6px;height:6px;border-radius:50%;background:#9ca3af}.portfolio-item h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--primary-blue)}.portfolio-item p{font-size:.95rem;margin-bottom:1rem;flex-grow:1}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:var(--accent-blue);color:var(--secondary-blue);padding:.25rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600}.card-actions{margin-top:auto;display:flex;gap:.75rem;border-top:1px solid var(--border-light);padding-top:1rem}.highlight-banner{background:var(--primary-blue);color:#fff;padding:4rem 0;text-align:center}.highlight-banner h2{color:#fff;margin-bottom:1.5rem;font-size:2.25rem}.highlight-banner p{color:#ffffffe6;font-size:1.125rem;max-width:700px;margin:0 auto 2rem}.why-us-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.why-card{text-align:center;padding:2rem}.why-card span{font-size:2.5rem;display:block;margin-bottom:1rem}.why-card h4{font-size:1.25rem;margin-bottom:.5rem}#contact{background-color:var(--bg-gray)}.contact-container{max-width:700px;margin:0 auto;background:var(--bg-white);padding:3rem;border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark);font-size:.95rem}.form-control{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:var(--transition);background:#f9fafb}.form-control:focus{outline:none;border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 4px #0a3d911a}textarea.form-control{resize:vertical;min-height:120px}.phone-input-container{display:flex;align-items:stretch;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;overflow:hidden;transition:var(--transition)}.phone-input-container:focus-within{border-color:var(--primary-blue);background:#fff;box-shadow:0 0 0 4px #0a3d911a}.country-code-input{width:70px;flex-shrink:0;border:none;background:#f3f4f6;border-right:1px solid #d1d5db;text-align:center;font-weight:700;color:var(--primary-blue);font-size:1rem;outline:none;padding:.875rem .5rem;z-index:1}.phone-main-input{flex:1;min-width:0;border:none;background:transparent;padding:.875rem 1rem;font-size:1rem;outline:none}.captcha-wrapper{display:flex;flex-direction:column;gap:10px}.captcha-display{display:flex;align-items:center;gap:15px;background:#f3f4f6;padding:10px 15px;border-radius:8px;border:1px dashed #9ca3af;width:fit-content}.captcha-text{font-family:Courier New,Courier,monospace;font-size:1.5rem;font-weight:700;letter-spacing:5px;color:var(--primary-blue);font-style:italic;text-decoration:line-through;-webkit-user-select:none;user-select:none}.captcha-refresh{background:none;border:none;cursor:pointer;font-size:1.2rem;transition:transform .3s ease}.captcha-refresh:hover{transform:rotate(180deg)}.error-message{color:#ef4444;font-size:.85rem;margin-top:.5rem;font-weight:500}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-clear{flex:1;border:2px solid #d1d5db;color:var(--text-light);background:transparent}.btn-clear:hover{background-color:#fee2e2;color:#b91c1c;border-color:#f87171}.btn-submit-flex{flex:2}.popup-message{position:fixed;top:100px;right:20px;padding:1rem 2rem;border-radius:8px;color:#fff;font-weight:600;z-index:10001;box-shadow:var(--shadow-lg);animation:slideIn .4s ease-out forwards}.popup-message.success{background-color:var(--success);border-left:5px solid #065f46}.popup-message.error{background-color:#ef4444;border-left:5px solid #991b1b}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.contact-container{padding:2rem 1.5rem}}@media(max-width:480px){.popup-message{width:90%;left:5%;right:5%;top:20px;text-align:center}.form-actions{flex-direction:column-reverse}.btn-clear,.btn-submit-flex{width:100%}.country-code-input{width:60px}}footer{background-color:#111827;color:#d1d5db;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-col h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.footer-col h4{color:#fff;margin-bottom:1.25rem;font-size:1.1rem}.footer-address-block{display:flex;flex-direction:column}.footer-address-header{display:flex;align-items:center;gap:.5rem;margin-bottom:2px}.footer-address-text{margin:0;padding-left:1.7rem;font-size:.85rem;color:#9ca3af}.footer-links li{align-items:flex-start;margin-bottom:1rem}.footer-links a{color:#9ca3af}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;font-size:.875rem;color:#6b7280}.footer-nav-link{transition:var(--transition)}.footer-nav-link:hover{color:#fff;text-decoration:underline}.footer-links li:hover{color:#fff}.download-section{padding:5rem 0;background-color:var(--bg-gray);min-height:80vh}.download-header{margin-bottom:4rem}.download-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}@media(max-width:992px){.download-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.download-grid{grid-template-columns:1fr}}.download-card{background-color:var(--bg-white);padding:2.5rem 2rem;border-radius:16px;border:1px solid var(--border-light);box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.download-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.card-icon-header{font-size:2.5rem;margin-bottom:1.5rem}.product-name{font-size:1.25rem;color:var(--primary-blue);margin-bottom:1rem;line-height:1.3}.product-description{font-size:.95rem;color:var(--text-light);line-height:1.6;margin-bottom:2rem;flex-grow:1}.card-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-light)}.download-btn{width:100%;font-size:.95rem;padding:.75rem 1rem;border-radius:8px;justify-content:center}@media(max-width:768px){.download-section{padding:4rem 1.5rem}.download-card{padding:2rem 1.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:.375rem;font-weight:600;cursor:pointer;text-align:center;transition:var(--transition);border:2px solid transparent;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:.25rem}.btn-primary{background-color:var(--primary-blue);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--secondary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.btn-outline{background-color:transparent;color:var(--primary-blue);border-color:var(--primary-blue)}.btn-outline:hover{background-color:var(--accent-blue);transform:translateY(-2px)}@media(max-width:768px){section{padding:4rem 0}.section-title{font-size:2rem}}