body { font-family: Arial,sans-serif; margin:0; padding:0; background:#f7f5fb; color:#333; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
header { display:flex; justify-content:space-between; align-items:center; padding:15px 0; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.05); }
header .logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:#6b5b95; font-weight:bold; }
header nav a { margin-left:20px; text-decoration:none; color:#6b5b95; }
header nav a.btn { background:#b19cd9; color:#fff; padding:8px 16px; border-radius:6px; }
section { padding:60px 0; }
#hero { display:flex; flex-wrap:wrap; align-items:center; background:linear-gradient(135deg,#e6e0f8,#fff); }
.hero-text { flex:1 1 50%; }
.hero-text h1 { font-size:2.5rem; margin-bottom:20px; color:#4b3c82; }
.hero-text p { font-size:1.1rem; margin-bottom:20px; }
.hero-text .btn { background:#b19cd9; color:#fff; padding:12px 24px; border-radius:6px; text-decoration:none; }
.hero-img { flex:1 1 50%; text-align:center; }
.hero-img img { width:100%; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,0.1); }
h2 { font-size:2rem; color:#4b3c82; margin-bottom:30px; text-align:center; }
.steps, .cards { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.steps div, .cards .card { background:#fff; padding:20px; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.05); flex:1 1 250px; text-align:center; }
#contact form { display:flex; flex-direction:column; gap:15px; background:#fff; padding:20px; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.05); }
#contact form input, #contact form select, #contact form textarea, #contact form button { padding:10px; border:1px solid #dcd6f0; border-radius:6px; font-size:1rem; }
#contact form button { background:#b19cd9; color:#fff; border:none; cursor:pointer; transition:0.3s; }
#contact form button:hover { background:#a084d4; }
#formMessage { margin-top:10px; font-weight:bold; color:#4b3c82; text-align:center; }
footer { text-align:center; padding:20px; background:#fff; color:#6b5b95; font-size:0.9rem; }
@media(max-width:768px) { #hero { flex-direction:column; } header nav { display:flex; flex-direction:column; gap:10px; margin-top:10px; } }