:root{--primary-color:#1877f2;--secondary-color:#3f37c9;--light-color:#f8f9fa;--dark-color:#212529;--success-color:#4cc9f0;--warning-color:#f8961e;--danger-color:#ef233c;--border-radius:8px;--box-shadow:0 10px 30px rgba(0,0,0,0.1);--transition:all 0.3s ease}
body{color:var(--dark-color);line-height:1.6}.hero-section{background:linear-gradient(135deg,#4361ee 0%,#3f37c9 100%);color:white;padding:5rem 0;position:relative;overflow:hidden}.hero-content{position:relative;z-index:1}.section-title{position:relative;display:inline-block;margin-bottom:2rem;font-weight:700}.section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:50px;height:4px;background:var(--primary-color);border-radius:2px}.icon-shape{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(24,119,242,0.1);border:1px solid rgba(24,119,242,0.2)}.icon-shape i{color:var(--primary-color);font-size:1.5rem}.learn-more{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center;transition:var(--transition)}.learn-more i{margin-left:5px;transition:var(--transition)}.learn-more:hover{color:var(--secondary-color);text-decoration:none}.learn-more:hover i{transform:translateX(3px)}.advanced-features{background-color:#f8f9fa;padding:5rem 0}.integration-features{background-color:#fff;padding:5rem 0}.feature-section-title{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.feature-section-title h2{margin:0}.feature-section-title.highlight{color:var(--primary-color)}