html{scroll-behavior:smooth}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}:root{--primary-color: #3a86ff;--primary-dark: #2667cc;--secondary-color: #ff5a5f;--dark-color: #333;--light-color: #f4f4f4;--success-color: #28a745;--error-color: #dc3545;--text-color: #333;--border-radius: 8px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .1);--transition: all .3s ease;--gradient-bg: linear-gradient(135deg, #f0f4f8, #edf2f7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff;margin:0;padding:0;overflow-x:hidden;width:100%}a{text-decoration:none;color:var(--dark-color)}ul{list-style:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 30px;cursor:pointer;border:none;border-radius:var(--border-radius);font-weight:500;font-size:16px;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#3a86ff,#2667cc);color:#fff;border:none;cursor:pointer;padding:12px 30px;font-size:16px;border-radius:6px;position:relative;overflow:hidden;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#2667cc,#3a86ff);transition:.5s;z-index:-1}.btn-primary:hover:before{left:0}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.header{padding:20px 0;position:fixed;width:100%;top:0;z-index:100;background-color:#fffffff2;box-shadow:0 2px 15px #0000000d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:28px;font-weight:600}.logo span{color:var(--primary-color)}.nav ul{display:flex}.nav ul li{margin-left:30px}.nav ul li a{font-weight:500;transition:var(--transition)}.nav ul li a:hover{color:var(--primary-color)}.hero{padding:160px 0 100px;background:linear-gradient(135deg,#e8f4ff,#f0f8ff);width:100%;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:#3a86ff0d;z-index:0}.hero:after{content:"";position:absolute;bottom:-50px;left:-50px;width:300px;height:300px;border-radius:50%;background:#3a86ff0d;z-index:0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content h1{font-size:42px;line-height:1.2;margin-bottom:24px;color:var(--dark-color)}.hero-content p{font-size:18px;margin-bottom:32px;color:#666}.hero-image{display:flex;justify-content:center;align-items:center}.abstract-shape{width:400px;height:400px;background:linear-gradient(135deg,#3a86ff,#2667cc);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;opacity:.8;position:relative;animation:morphing 15s ease-in-out infinite}@keyframes morphing{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;margin-bottom:16px;position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--primary-color)}.section-header p{font-size:18px;color:#666;max-width:700px;margin:0 auto}.services{padding:100px 0;background-color:#fff;position:relative;overflow:hidden}.services:before{content:"";position:absolute;width:500px;height:500px;background:linear-gradient(135deg,#3a86ff08,#f0f8ff0d);border-radius:40%;bottom:-200px;left:-200px;z-index:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;position:relative;z-index:1}.service-card{background-color:#fff;border-radius:var(--border-radius);padding:30px;box-shadow:var(--box-shadow);transition:var(--transition);display:flex;flex-direction:column;align-items:flex-start;height:100%;position:relative;z-index:1;overflow:hidden}.service-card:before{content:"";position:absolute;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),transparent);top:0;left:0;opacity:0;transition:var(--transition)}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.service-card:hover:before{opacity:1}.service-icon{width:70px;height:70px;border-radius:50%;margin-bottom:20px}.icon-1{background:#6290ff}.icon-2{background:#e7757a}.icon-3{background:#8cc054}.icon-4{background:#a56dff}.icon-5{background:#ffd250}.icon-6{background:#ff8155}.service-card h3{font-size:22px;margin-bottom:15px}.service-card p{color:#666}.about{padding:100px 0;background:var(--gradient-bg);position:relative;overflow:hidden}.about:before{content:"";position:absolute;width:300px;height:300px;background:#3a86ff0d;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;top:50px;right:30px;z-index:0}.about .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:1}.about-content{text-align:left}.about-content h2{font-size:36px;margin-bottom:24px;color:#333;font-weight:600}.about-content p{margin-bottom:16px;color:#666;font-size:16px;line-height:1.6}.abstract-shape-2{width:400px;height:400px;background:linear-gradient(135deg,#3a86ff,#7ecba1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;opacity:.8;margin-left:auto;animation:morphing2 15s ease-in-out infinite}@keyframes morphing2{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.contact{padding:100px 0;width:100%;background:linear-gradient(135deg,#fff,#f8fbff);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:400px;height:400px;background:#3a86ff08;border-radius:50%;bottom:-200px;right:-100px}.contact-form-container{max-width:600px;margin:0 auto;width:100%}.contact-form{background-color:#fff;border-radius:var(--border-radius);padding:40px;box-shadow:var(--box-shadow);width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:var(--border-radius);font-size:16px;transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary-color)}.form-error{color:var(--error-color);margin-bottom:15px;padding:10px;background-color:#dc35451a;border-radius:var(--border-radius)}.form-success{text-align:center;padding:20px}.form-success h3{color:var(--success-color);margin-bottom:10px}.footer{padding:60px 0 20px;background:linear-gradient(135deg,#2d2d2d,#333);color:#fff;width:100%;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),transparent)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-logo h2{font-size:28px;margin-bottom:10px}.footer-logo span{color:var(--primary-color)}.footer-links h3,.footer-contact h3{font-size:18px;margin-bottom:15px}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:#ccc;transition:var(--transition)}.footer-links ul li a:hover{color:#fff}.footer-contact p{margin-bottom:10px;color:#ccc}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#ccc;font-size:14px}@media (max-width: 992px){.services-grid{grid-template-columns:repeat(2,1fr)}.hero .container,.about .container{grid-template-columns:1fr;text-align:center}.hero-content{order:2}.hero-image{order:1;margin-bottom:40px}.about-content{order:2;text-align:center}.about-image{order:1;margin-bottom:40px;display:flex;justify-content:center}.abstract-shape,.abstract-shape-2{width:300px;height:300px;margin:0 auto}}@media (max-width: 768px){.header .container{flex-direction:column}.nav ul{margin-top:20px}.nav ul li{margin:0 15px}.hero{padding:180px 0 80px}.hero-content h1{font-size:32px}.section-header h2{font-size:30px}.services-grid{grid-template-columns:1fr}}@media (max-width: 576px){.hero-content h1{font-size:28px}.abstract-shape,.abstract-shape-2{width:250px;height:250px}.contact-form{padding:30px 20px}}.button-loading{display:flex;align-items:center;justify-content:center;column-gap:10px}.button-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:button-spin .8s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}