@charset "UTF-8";:root{--primary: #d4001c;--cpark: #105db5;--cdirect: #918624;--cteck: #8c8d8d;--cpharm: #369428;--csport: #23a5e1;--cwork: #e5690a;--dark: #333;--light: #f5f5f5;--text: #444}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:var(--text);background-color:#fff;line-height:1.6}@font-face{font-family:Harabara;src:url(/fonts/Harabara.ttf) format("truetype");font-weight:400;font-style:normal}h1,h2,h3{font-family:Harabara,sans-serif;letter-spacing:.15rem}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:28px;font-weight:700;color:var(--primary);cursor:pointer}.logo span{color:var(--dark)}.logo img{max-width:300px}nav ul{display:flex;list-style:none}nav ul li{margin-left:25px;position:relative}nav ul li a{text-decoration:none;color:var(--dark);font-weight:500;transition:color .3s;cursor:pointer}nav ul li a:hover,nav ul li a.active{color:var(--primary)}.dropdown{position:relative;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:200px;box-shadow:0 8px 16px #0000001a;z-index:1;border-radius:4px;top:30px;left:-20px}.dropdown-content.visible{display:block}.dropdown-content a{color:var(--text);padding:12px 16px;text-decoration:none;display:block;font-weight:400}.dropdown-content a:hover{background-color:var(--light)}.cpark{color:var(--cpark);border-left:3px solid var(--cpark)}.cdirect{color:var(--cdirect);border-left:3px solid var(--cdirect)}.cteck{color:var(--cteck);border-left:3px solid var(--cteck)}.cpharm{color:var(--cpharm);border-left:3px solid var(--cpharm)}.csport{color:var(--csport);border-left:3px solid var(--csport)}.cwork{color:var(--cwork);border-left:3px solid var(--cwork)}.hero{background:linear-gradient(135deg,#d4001ce6,#6c5ce799),url(/loghi/c-commerce-bsl.png) center/contain no-repeat;color:#fff;padding:6rem 0;text-align:center;min-height:500px;display:flex;align-items:center}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;max-width:700px;margin:0 auto 30px}.hero h1,.hero p{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.btn{display:inline-block;background-color:#fff;color:var(--primary);padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s;border:2px solid white;cursor:pointer}.btn:hover{background-color:transparent;color:#fff}.services{padding:80px 0;background-color:var(--light)}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:36px;color:var(--dark);margin-bottom:15px}.section-title p{max-width:600px;margin:0 auto;color:#666}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.service-card{height:100%;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.service-card-header{height:8px}.service-card-body{padding:25px}.service-card h3{font-size:22px;margin-bottom:15px}.service-card p{margin-bottom:20px;color:#666}.btn-outline{display:inline-block;background-color:transparent;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s;border:1px solid;cursor:pointer}.primary-btn{color:var(--primary);border-color:var(--primary);cursor:pointer}.primary-btn:hover{background-color:var(--primary);color:#fff!important}.about{padding:80px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image{border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.about-image img{width:100%;height:auto;display:block}.about-content h2{font-size:36px;margin-bottom:20px;color:var(--dark)}.about-content p{margin-bottom:20px}.service-header{color:#fff;padding:60px 0;text-align:center}.service-header h1{font-size:40px}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:60px 0}.service-description{font-size:18px;line-height:1.7;margin-bottom:30px}.features-list{margin-left:20px;margin-bottom:30px}.features-list li{margin-bottom:10px}.service-image{border-radius:8px;overflow:hidden}.service-image img{width:100%;height:auto;display:block}.mobile-menu-toggle{display:none;background:none;border:none;font-size:60px;color:var(--dark);cursor:pointer}@media (max-width: 992px){.about-grid,.service-content{grid-template-columns:1fr}.about-image,.service-image{order:-1}}@media (max-width: 768px){.mobile-menu-toggle{display:block}nav{display:none;position:absolute;top:80px;left:0;width:100%;background-color:#fff;padding:20px;box-shadow:0 5px 15px #0000001a}nav.active{display:block}nav ul{flex-direction:column}nav ul li{margin:10px 0}.dropdown-content{position:static;box-shadow:none;padding-left:20px}.dropdown.active .dropdown-content{display:block}.service-grid,.cases-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.hero p{font-size:18px}}footer{background-color:var(--dark);color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-col h3{font-size:20px;margin-bottom:20px;font-weight:600}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#aaa;text-decoration:none;transition:color .3s}.footer-col ul li a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #444;color:#aaa;font-size:14px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:80px 0}.contact-form{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;padding:40px}.contact-form h2{font-size:28px;margin-bottom:30px;color:var(--dark);text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group textarea{min-height:150px;resize:vertical}.error-message{color:var(--primary);font-size:14px;margin-top:8px}.contact-form .btn{width:100%;padding:15px;font-size:18px}.contact-form .btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.contact-info{background-color:var(--light);border-radius:8px;padding:40px}.contact-info h2{font-size:28px;margin-bottom:30px;color:var(--dark);text-align:center}.info-card{background-color:#fff;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.info-card h3{font-size:20px;margin-bottom:15px;color:var(--primary)}.info-card p{color:#666;margin-bottom:8px}@media (max-width: 992px){.contact-content{grid-template-columns:1fr}}@media (max-width: 768px){.contact-content{padding:40px 0}.contact-form,.contact-info{padding:25px}.contact-form h2,.contact-info h2{font-size:24px}}