:root{--color-primary:#1a3a5c;--color-primary-light:#2a5a8c;--color-primary-dark:#0f2640;--color-accent:#2980b9;--color-accent-light:#3498db;--color-text:#2c3e50;--color-text-light:#5a6d7e;--color-bg:#fff;--color-bg-alt:#f4f6f8;--color-bg-dark:#e8ecf0;--color-border:#dce1e6;--color-white:#fff;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #0000001f;--radius:8px;--max-width:1200px;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family,"Segoe UI", system-ui, -apple-system, sans-serif);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{color:var(--color-primary);margin-bottom:16px;font-size:2rem;font-weight:700}.section-subtitle{color:var(--color-text-light);max-width:600px;margin-bottom:48px;font-size:1.1rem}.btn{border-radius:var(--radius);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-white);border:2px solid var(--color-white);background:0 0}.btn-outline:hover{background:var(--color-white);color:var(--color-primary)}.navbar{z-index:1000;background:var(--color-white);box-shadow:var(--shadow-sm);transition:all var(--transition);position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;height:100px;display:flex}.navbar-logo{align-items:center;display:flex}.navbar-logo-img{object-fit:contain;width:auto;height:90px}.footer-logo-img{width:auto;height:100px}.navbar-links{gap:32px;display:flex}.navbar-links a{color:var(--color-text-light);transition:color var(--transition);font-weight:500;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--color-accent)}.navbar-links a.active:after{content:"";background:var(--color-accent);border-radius:1px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.navbar-cta .btn{padding:10px 24px;font-size:.9rem}.navbar-mobile-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.navbar-mobile-toggle span{background:var(--color-primary);width:24px;height:2px;transition:all var(--transition);margin:6px 0;display:block}.hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 50%, var(--color-primary-light) 100%);color:var(--color-white);padding:160px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#2980b926 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#2980b91a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.hero .container{z-index:1;position:relative}.hero-content{max-width:650px}.hero h1{margin-bottom:24px;font-size:3rem;font-weight:800;line-height:1.2}.hero p{opacity:.9;margin-bottom:36px;font-size:1.2rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.service-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);padding:36px 28px}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-light);transform:translateY(-4px)}.service-icon{background:var(--color-bg-alt);border-radius:var(--radius);width:56px;height:56px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex}.service-card h3{color:var(--color-primary);margin-bottom:12px;font-size:1.2rem}.service-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.about-preview{background:var(--color-bg-alt)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-stats{grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;display:grid}.stat-item{text-align:center;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.stat-number{color:var(--color-accent);font-size:2rem;font-weight:800}.stat-label{color:var(--color-text-light);margin-top:4px;font-size:.85rem}.brand-showcase{background:linear-gradient(160deg, var(--color-bg) 0%, var(--color-bg-alt) 100%);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:56px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #1e407c1a,0 4px 12px #1e407c0d}.brand-showcase-glow{pointer-events:none;background:radial-gradient(circle,#3a7bd52e 0%,#3a7bd500 70%);width:320px;height:320px;position:absolute;top:-120px;right:-120px}.brand-showcase:after{content:"";pointer-events:none;background:radial-gradient(circle,#00d2ff24 0%,#00d2ff00 70%);width:340px;height:340px;position:absolute;bottom:-140px;left:-140px}.brand-showcase-logo{filter:drop-shadow(0 8px 20px #1e407c26);width:320px;max-width:100%;height:auto;position:relative}.brand-showcase-divider{background:linear-gradient(90deg, var(--color-primary-light), var(--color-accent));border-radius:2px;width:60px;height:3px;margin:28px 0 20px;position:relative}.brand-showcase-motto{color:var(--color-primary);letter-spacing:.3px;max-width:420px;margin:0;font-size:1.25rem;font-style:italic;font-weight:600;line-height:1.5;position:relative}.cta-banner{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-white);text-align:center;padding:80px 0}.cta-banner h2{margin-bottom:16px;font-size:2rem}.cta-banner p{opacity:.9;max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem}.footer{background:var(--color-primary-dark);color:#fffc;padding:60px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.footer-brand p{opacity:.7;margin-top:12px;font-size:.9rem;line-height:1.7}.footer h4{color:var(--color-white);margin-bottom:16px;font-size:1rem}.footer ul li{margin-bottom:8px}.footer ul li a{opacity:.7;transition:opacity var(--transition);font-size:.9rem}.footer ul li a:hover{opacity:1}.footer-company-info{opacity:.5;text-align:center;border-top:1px solid #ffffff1a;padding:20px 0;font-size:.8rem;line-height:1.8}.footer-bottom{opacity:.6;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;padding-top:20px;font-size:.85rem;display:flex}.map-container{border-radius:var(--radius);border:1px solid var(--color-border);margin-top:24px;overflow:hidden}.map-container iframe{display:block}.page-header{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:var(--color-white);text-align:center;padding:140px 0 60px}.page-header h1{margin-bottom:16px;font-size:2.5rem;font-weight:800}.page-header p{opacity:.85;max-width:650px;margin:0 auto;font-size:1.1rem}.service-detail{border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:60px 0;display:grid}.service-detail:last-child{border-bottom:none}.service-detail.reverse{direction:rtl}.service-detail.reverse>*{direction:ltr}.service-detail-icon{background:var(--color-bg-alt);border-radius:var(--radius);width:80px;height:80px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:20px;font-size:2rem;display:flex}.service-detail h2{color:var(--color-primary);margin-bottom:16px;font-size:1.6rem}.service-detail p{color:var(--color-text-light);margin-bottom:12px;line-height:1.7}.service-detail ul{margin-top:16px;list-style:none}.service-detail ul li{color:var(--color-text-light);align-items:center;gap:8px;padding:6px 0;display:flex}.service-detail ul li:before{content:"✓";color:var(--color-accent);font-weight:700}.service-visual{background:var(--color-bg-alt);border-radius:var(--radius);justify-content:center;align-items:center;height:300px;font-size:4rem;display:flex}.about-content{color:var(--color-text-light);font-size:1.05rem;line-height:1.8}.about-content p{margin-bottom:16px}.about-experience-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-md);padding:36px 28px;position:sticky;top:120px}.about-avatar{border:4px solid var(--color-primary-light);border-radius:50%;width:140px;height:140px;margin:0 auto 16px;overflow:hidden;box-shadow:0 6px 20px #0000001f}.about-avatar img{object-fit:cover;width:100%;height:100%;display:block}.about-experience-card h3{color:var(--color-primary);margin-bottom:4px;font-size:1.3rem}.about-role{color:var(--color-accent);margin-bottom:2px;font-size:.9rem;font-weight:600}.about-specialization{color:var(--color-text-light);border-bottom:1px solid var(--color-border);margin-bottom:24px;padding-bottom:20px;font-size:.85rem}.about-experience-list{text-align:left;flex-direction:column;gap:14px;display:flex}.experience-item{align-items:center;gap:14px;display:flex}.experience-years{background:var(--color-bg-alt);border-radius:var(--radius);min-width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.experience-label{color:var(--color-primary);font-size:.85rem;font-weight:600;line-height:1.3}.experience-detail{color:var(--color-text-light);font-size:.75rem}.tech-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.tech-tag{background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-primary);transition:all var(--transition);border-radius:50px;padding:8px 18px;font-size:.85rem;font-weight:500;display:inline-block}.tech-tag:hover{background:var(--color-accent);color:var(--color-white);border-color:var(--color-accent)}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px;display:grid}.value-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;transition:all var(--transition);padding:32px 24px}.value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.value-icon{margin-bottom:16px;font-size:2rem}.value-card h3{color:var(--color-primary);margin-bottom:8px}.value-card p{color:var(--color-text-light);font-size:.9rem}.team-section{background:var(--color-bg-alt)}.team-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;display:grid}.team-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition);overflow:hidden}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.team-avatar{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent));color:#fff;justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.team-info{padding:20px}.team-info h3{color:var(--color-primary);margin-bottom:4px;font-size:1.1rem}.team-info p{color:var(--color-text-light);font-size:.85rem}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:var(--color-primary);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;transition:border-color var(--transition);background:var(--color-white);padding:12px 16px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #2980b91a}.form-group textarea{resize:vertical;min-height:140px}.contact-info-cards{flex-direction:column;gap:20px;display:flex}.contact-info-card{background:var(--color-bg-alt);border-radius:var(--radius);align-items:flex-start;gap:16px;padding:24px;display:flex}.contact-info-icon{background:var(--color-accent);color:#fff;border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.contact-info-card h3{color:var(--color-primary);margin-bottom:4px;font-size:1rem}.contact-info-card p{color:var(--color-text-light);font-size:.9rem}.map-placeholder{background:var(--color-bg-alt);border-radius:var(--radius);height:200px;color:var(--color-text-light);border:1px solid var(--color-border);justify-content:center;align-items:center;margin-top:24px;display:flex}.news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}.news-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);flex-direction:column;padding:28px;display:flex}.news-card:hover{box-shadow:var(--shadow-lg);border-color:#2980b940;transform:translateY(-4px)}.news-card-meta{color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.85rem;font-weight:600}.news-card-title{color:var(--color-primary);margin-bottom:12px;font-size:1.25rem;line-height:1.35}.news-card-title a{color:inherit;transition:color var(--transition)}.news-card-title a:hover{color:var(--color-accent)}.news-card-lead{color:var(--color-text-light);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.news-card-link{color:var(--color-accent);transition:color var(--transition), transform var(--transition);align-self:flex-start;font-size:.95rem;font-weight:600}.news-card-link:hover{color:var(--color-primary);transform:translate(4px)}.news-empty{text-align:center;color:var(--color-text-light);background:var(--color-bg-alt);border-radius:var(--radius);border:1px dashed var(--color-border);padding:60px 24px;font-size:1.05rem}.article-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:.9rem;display:flex}.article-back{color:var(--color-white);opacity:.85;transition:opacity var(--transition);font-weight:600}.article-back:hover{opacity:1}.article-date{color:var(--color-white);opacity:.75;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.article-container{max-width:800px}.article-content{color:var(--color-text);font-size:1.05rem;line-height:1.8}.article-content h2{color:var(--color-primary);margin:36px 0 16px;font-size:1.6rem}.article-content h3{color:var(--color-primary);margin:28px 0 12px;font-size:1.3rem}.article-content p{margin-bottom:18px}.article-content ul,.article-content ol{margin:0 0 18px 24px;padding-left:12px}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li{margin-bottom:8px}.article-content a{color:var(--color-accent);text-decoration:underline}.article-content a:hover{color:var(--color-primary)}.article-content blockquote{border-left:4px solid var(--color-accent);background:var(--color-bg-alt);color:var(--color-text-light);border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;padding:8px 20px;font-style:italic}.article-content img{border-radius:var(--radius);box-shadow:var(--shadow-md);margin:24px 0}.article-content pre{background:var(--color-primary-dark);color:#e8ecf0;border-radius:var(--radius);margin:20px 0;padding:16px 20px;font-size:.9rem;overflow-x:auto}.article-content code{background:var(--color-bg-alt);color:var(--color-primary-dark);border-radius:4px;padding:2px 6px;font-size:.92em}.article-content pre code{color:inherit;background:0 0;padding:0}.article-footer{border-top:1px solid var(--color-border);text-align:center;margin-top:48px;padding-top:24px}.social-tiles{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.social-tile{aspect-ratio:1;border-radius:var(--radius);color:#fff;transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-tile:before{content:"";transition:background var(--transition);background:#fff0;position:absolute;inset:0}.social-tile:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.social-tile:hover:before{background:#ffffff1a}.social-tile--facebook{background:linear-gradient(135deg,#1877f2 0%,#0d5bbd 100%)}.social-tile--linkedin{background:linear-gradient(135deg,#0a66c2 0%,#004182 100%)}.social-tile--instagram{background:linear-gradient(135deg,#f09433 0%,#e6683c 20%,#dc2743 45%,#cc2366 70%,#bc1888 100%)}.social-tile-icon{filter:drop-shadow(0 2px 8px #0003);width:48px;height:48px}.social-tile-name{letter-spacing:.02em;text-shadow:0 1px 4px #00000026;font-size:1.1rem;font-weight:700}@media (width<=600px){.social-tiles{grid-template-columns:1fr;gap:16px}.social-tile{aspect-ratio:auto;flex-direction:row;gap:14px;padding:20px 24px}.social-tile-icon{width:32px;height:32px}}@media (width<=768px){.navbar-links,.navbar-cta{display:none}.navbar-mobile-toggle{display:block}.navbar.mobile-open .navbar-links{background:var(--color-white);box-shadow:var(--shadow-md);flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:72px;left:0;right:0}.hero{padding:120px 0 60px}.hero h1{font-size:2rem}.about-grid,.service-detail,.contact-grid{grid-template-columns:1fr;gap:32px}.service-detail.reverse{direction:ltr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.section{padding:48px 0}.page-header{padding:110px 0 40px}.page-header h1{font-size:1.8rem}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.about-stats{grid-template-columns:1fr}}