:root{
      --bg:#81b0df; --card:#ffffff; --accent:#132c58; --muted:#6b7280; --radius:12px;
      --maxw:1000px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;
      background:linear-gradient(180deg,var(--bg),#babcc0); color:#4c545c; line-height:1.45;
    }
    .container{max-width:var(--maxw);margin:1.5rem auto;padding:1rem}


    .skip-link{position:absolute;left: -999px;top:auto;width:1px;height:1px;overflow:hidden}
    .skip-link:focus{position:static;width:auto;height:auto;padding:.5rem 1rem;background:#000;color:#fff;border-radius:6px}

    header{background:var(--card);padding:1rem;border-radius:var(--radius);box-shadow:0 6px 20px rgba(11,102,255,0.06)}
    .brand{display:flex;align-items:center;gap:.75rem}
    .logo{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#6fb1ff);display:inline-grid;place-items:center;color:#fff;font-weight:700}
    nav{margin-top:.65rem}
    nav ul{list-style:none;padding:0;margin:0;display:flex;gap:.5rem;flex-wrap:wrap}
    nav a{display:inline-block;padding:.45rem .6rem;border-radius:8px;text-decoration:none;color:var(--accent);font-weight:600}
    nav a:hover, nav a:focus{background:rgba(8, 90, 233, 0.08)}

    main{display:grid;grid-template-columns:1fr 300px;gap:1rem;margin-top:1rem}
    @media (max-width:900px){main{grid-template-columns:1fr}}

    article.section-card{background:var(--card);padding:1rem;border-radius:12px;box-shadow:0 8px 24px rgba(2,6,23,0.04)}
    h1{margin:.25rem 0 .5rem;font-size:1.45rem}
    .lead{color:var(--muted)}

    .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}
    .card{padding:1rem;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid rgba(15,23,42,0.03)}
    .card a{color:var(--accent);text-decoration:none;font-weight:600}

    aside{background:var(--card);padding:1rem;border-radius:12px;height:fit-content}
    footer{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--card);text-align:center;color:var(--muted)}

   
    .contact-form label{display:block;font-size:.85rem;margin-top:.6rem}
    .contact-form input,.contact-form textarea{width:100%;padding:.5rem;border-radius:8px;border:1px solid #d6dde6;margin-top:.35rem}
    .btn{display:inline-block;padding:.55rem .9rem;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;border:none;cursor:pointer}
    .muted{color:var(--muted);font-size:.95rem}

    
    .footer-links a{color:var(--accent);text-decoration:none;margin:top}