*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}.App{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{padding:80px 0;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-content{display:flex;flex-direction:column;align-items:center;gap:20px}.hero-logo{width:200px;height:auto;border-radius:20px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease}.hero-logo:hover{transform:scale(1.05)}.hero-title{font-size:4rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0}.hero-subtitle{font-size:1.5rem;color:#ffffffe6;font-weight:300}.main-content{background:#fff;margin-top:-50px;border-radius:50px 50px 0 0;padding:80px 0;position:relative;z-index:1}section{margin-bottom:60px}h2{font-size:2.5rem;color:#2c3e50;margin-bottom:30px;text-align:center;position:relative}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}p{font-size:1.1rem;line-height:1.8;color:#555;text-align:center;max-width:800px;margin:0 auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.feature-card{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-card h3{font-size:1.5rem;color:#2c3e50;margin-bottom:15px;font-weight:600}.feature-card p{font-size:1rem;text-align:left;color:#666;line-height:1.6}.interface-showcase{display:flex;align-items:center;gap:50px;margin-top:50px;flex-wrap:wrap}.interface-image{flex:1;max-width:600px;width:100%;height:auto;border-radius:20px;box-shadow:0 15px 35px #0000001a;transition:transform .3s ease}.interface-image:hover{transform:scale(1.02)}.interface-description{flex:1;min-width:300px}.interface-description p{text-align:left;font-size:1.2rem}.company-info{display:flex;align-items:center;gap:50px;margin-top:50px;flex-wrap:wrap}.company-logo{width:200px;height:auto;border-radius:15px;box-shadow:0 10px 25px #0000001a}.company-description{flex:1;min-width:300px}.company-description p{text-align:left;font-size:1.2rem}.conclusion-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:60px 40px;border-radius:30px;margin-top:80px}.conclusion-section p{font-size:1.3rem;color:#2c3e50;font-weight:500}.footer{background:#2c3e50;color:#fff;text-align:center;padding:40px 0}.footer p{color:#fffc;font-size:1rem}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-logo{width:150px}h2{font-size:2rem}.feature-grid{grid-template-columns:1fr}.interface-showcase,.company-info{flex-direction:column;text-align:center}.interface-description p,.company-description p{text-align:center}.main-content{padding:60px 0}.container{padding:0 15px}}@media (max-width: 480px){.hero-section{padding:60px 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.feature-card{padding:30px 20px}.conclusion-section{padding:40px 20px}}