/* === Reset & Base === */
*{font:16px/1.5 system-ui;margin:0;padding:0;box-sizing:border-box}
body{max-width:600px;margin:auto;padding:2rem;background:#fff;color:#111}
h1{font-size:1.6rem}
h2{margin:1.5rem 0 .5rem}
a{color:#0074b3;text-decoration:none}
svg{width:36px;height:36px}

/* === Header & Nav === */
header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #ccc;padding-bottom:1rem;margin-bottom:1.5rem}
nav{display:flex;gap:1rem;flex-wrap:wrap}
nav a.active{font-weight:700;text-decoration:underline}

/* === Services Cards === */
.card{border:1px solid #ccc;border-radius:8px;padding:1rem;margin-bottom:1rem}
.card h2{margin:0 0 .25rem}
.price{font-weight:700;color:#06f}

/* === Buttons / CTAs === */
.cta{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background:#06f;color:#fff!important;border-radius:6px}

/* === Contact Form === */
label{display:block;margin:1rem 0 .25rem;font-weight:700}
input,textarea,select{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:6px;font:inherit;background:inherit;color:inherit}
button{margin-top:1rem;padding:.6rem 1.5rem;background:#06f;color:#fff;border:none;border-radius:6px;font:inherit;cursor:pointer}
button:hover{opacity:.85}
.info{margin-bottom:1.5rem;line-height:2}

/* === About Page === */
.team{display:flex;gap:1.5rem;flex-wrap:wrap}
.person{flex:1;min-width:150px}
.avatar{width:64px;height:64px;border-radius:50%;background:#06f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}
.values{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.values li{padding:.4rem .9rem;border:1px solid #ccc;border-radius:99px}

/* === Dark Mode === */
@media(prefers-color-scheme:dark){
  body{background:#111;color:#eee}
  a{color:#4d9eff}
  svg path{fill:#eee}
  header{border-color:#333}
  .card{border-color:#333}
  .cta{background:#4d9eff;color:#111!important}
  input,textarea,select{border-color:#333}
  button{background:#4d9eff;color:#111}
  .avatar{background:#4d9eff;color:#111}
  .values li{border-color:#333}
}