*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{--primary-color:#749cd9;--primary-light:#9cc4ff;--primary-dark:#567ebb;--secondary-color:#109fb0;--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-dark:#1a1a2e;--text-primary:#333;--text-secondary:#666;--text-light:#999;--border-color:#e0e0e0}
body{font-family:'Georgia', serif;font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary)}
a{color:var(--primary-color);text-decoration:none;transition:color .3s}
a:hover{color:var(--primary-dark)}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
button{cursor:pointer;border:none;outline:none;font-family:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.header{background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.logo{color:#fff;font-size:1.5rem;font-weight:bold;text-decoration:none}
.nav{display:flex;gap:2rem}
.nav a{color:#fff;text-decoration:none;font-size:.95rem;transition:opacity .3s}
.nav a:hover{opacity:.8}
.hero{background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);color:#fff;padding:5rem 2rem;text-align:center}
.hero h1{font-size:2.8rem;margin-bottom:1rem}
.hero p{font-size:1.2rem;opacity:.95;max-width:700px;margin:0 auto}
.main-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}
.section-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}
.section-title::after{content:'';display:block;width:60px;height:4px;background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);margin:.8rem auto 0;border-radius:2px}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}
.service-card{background:#fff;border-radius: 24px; box-shadow: 0 7px 5px rgba(116,156,217,0.13542387119160798);;padding:2rem;transition:transform .3s}
.service-card:hover{transform:translateY(-8px)}
.service-icon{width:70px;height:70px;background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);border-radius: 24px;;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.service-icon svg{width:35px;height:35px;fill:#fff}
.service-card h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}
.service-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}
.advantages{background:#fff;border-radius:16px;padding:3rem;margin-bottom:3rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}
.advantage-item{text-align:center;padding:2rem}
.advantage-icon{width:80px;height:80px;background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.advantage-icon svg{width:40px;height:40px;fill:#fff}
.advantage-item h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-primary)}
.advantage-item p{color:var(--text-secondary);font-size:.95rem}
.process-steps{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}
.process-step{flex:1;min-width:200px;text-align:center;padding:2rem 1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.06)}
.step-number{width:50px;height:50px;background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;margin:0 auto 1rem}
.process-step h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}
.process-step p{color:var(--text-secondary);font-size:.9rem}
.contact-section{background:linear-gradient(180deg, #749cd9 0%, #567ebb 100%);color:#fff;border-radius:16px;padding:3rem;text-align:center;margin-bottom:3rem}
.contact-section h2{font-size:1.8rem;margin-bottom:1.5rem}
.contact-info{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}
.contact-item{display:flex;align-items:center;gap:.8rem;font-size:1rem}
.contact-item svg{width:20px;height:20px;fill:#fff}
.footer{background:var(--bg-dark);color:#999;padding:2rem;text-align:center}
.footer-content{max-width:1200px;margin:0 auto}
.footer-logo{font-size:1.3rem;font-weight:bold;color:#fff;margin-bottom:1rem}
.footer p{font-size:.9rem;margin-bottom:.5rem}
.footer a{color:var(--primary-light);text-decoration:none}
.footer a:hover{text-decoration:underline}
.compliance{background:#2a2a3e;padding:1rem;border-radius:8px;margin-top:1.5rem;font-size:.85rem;color:#888}
@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.nav{flex-wrap:wrap;justify-content:center;gap:1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.services-grid{grid-template-columns:1fr}.process-steps{flex-direction:column}.contact-info{flex-direction:column;gap:1rem}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes scaleIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}
.animate-fadeIn{animation:fadeIn .6s ease-out}
.animate-slideUp{animation:slideUp .6s ease-out}
.animate-scaleIn{animation:scaleIn .5s ease-out}