*{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family:Inter,system-ui,Arial;
      background:#f4f7fb;
      color:#122028;
    }

    :root{
      --accent:#3ddc97;
      --muted:#50606a;
      --card:#fff;
      --glass:rgba(61,220,151,0.08);
      --shadow:0 8px 30px rgba(6,18,26,0.06);
      --radius:12px;
      --container:1200px;
      --gap:18px;
    }

    .wrap{max-width:var(--container);margin:28px auto;padding:18px}

    .header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
    .logo{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
    .logo img{width:100%;height:100%;object-fit:cover}
    .title h1{font-size:22px;margin-bottom:4px}
    .title p{color:var(--muted);font-size:14px}

    /* GRID LAYOUT */
    .grid{
      display:grid;
      grid-template-columns:1fr 480px;
      gap:var(--gap);
    }

    /* MAP */
    .map-card{
      background:var(--card);
      box-shadow:var(--shadow);
      border-radius:var(--radius);
      padding:12px;
      margin-bottom:16px;
    }
    .map-frame{
      width:100%;
      height:260px;
      border:0;
      border-radius:10px;
    }

    /* INFO CARDS */
    .cards{display:grid;gap:14px}
    .card{
      background:var(--card);
      padding:16px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      display:flex;
      align-items:flex-start;
      gap:14px;
    }
    .icon{
      width:46px;height:46px;border-radius:10px;
      background:var(--glass);
      display:flex;align-items:center;justify-content:center;
      color:var(--accent);font-size:20px;
    }
    .meta{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
    .btn{
      padding:8px 12px;
      border-radius:10px;
      border:1px solid #d7dfe3;
      font-size:14px;
      cursor:pointer;
      background:#fff;
    }
    .btn.primary{background:var(--accent);color:#fff;border:0}

    /* FORM */
    .form-card{
      background:var(--card);
      padding:20px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    label{font-weight:600;font-size:13px;margin-bottom:6px}
    input,textarea{
      width:100%;
      padding:10px;
      border-radius:8px;
      border:1px solid #ccd6df;
      font-size:15px;
      margin-bottom:14px;
    }
    textarea{resize:vertical;min-height:130px}
    .form-actions{display:flex;gap:10px;align-items:center}
    .note{font-size:13px;color:var(--muted);margin-left:auto}
    .btn-send{
      background:var(--accent);
      color:#fff;
      padding:10px 16px;
      border:0;
      border-radius:10px;
      cursor:pointer;
      font-weight:700;
    }

    /* RESPONSIVE */
    @media(max-width:900px){
      .grid{grid-template-columns:1fr}
    }