/* Wycentruj layout (niezależnie od globalnego grida 2fr/1fr) */
    main#calpos{
      display:grid !important;
      grid-template-columns: minmax(0, 980px) !important;
      justify-content: center !important;
      gap: 22px;
      padding-inline: 12px;
    }


    .contactText{
      display:flex;
      align-items:center;
      gap:.6rem;
      font-family:'Orbitron', sans-serif;
      font-weight:700;
      letter-spacing:.2px;
    }

    .page-header{
      padding:16px 18px 12px;
      border-left:4px solid #e10600;
      background:#0b0f17;
      border-radius:12px;
      box-shadow:0 2px 8px rgba(0,0,0,.35);
    }
    .page-title{ margin:0; font-size:24px; letter-spacing:.2px; }

    /* siatka sekcji kontakt */
    .contact-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:22px;
    }
    @media (max-width: 940px){
      .contact-grid{ grid-template-columns: 1fr; }
    }

    /* karta */
    .card{
      background:#0b0f17;
      border:1px solid #1a2234;
      border-radius:14px;
      box-shadow:0 2px 10px rgba(0,0,0,.35);
      overflow:hidden;
    }
    .card__header{
      padding:14px 16px 10px;
      background:#0c1018;
      border-bottom:2px solid #e10600;
      display:flex; align-items:center; gap:10px;
    }
    .card__title{ margin:0; font-size:18px; }

    .card__body{ padding:16px; }

    /* chips / znaczniki */
    .chip{
      display:inline-flex; align-items:center; gap:8px;
      height:26px; padding:0 10px; border-radius:999px;
      font-size:12px; font-weight:600; letter-spacing:.2px;
      color:#dbeafe; background:linear-gradient(180deg,#0b1422 0%, #0f1b2d 100%);
      border:1px solid rgba(71,121,215,.35);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 1px 6px rgba(0,0,0,.28);
      white-space:nowrap;
    }
    .chip i{ font-size:12px; opacity:.9; }

    /* lista kontaktów */
    .contact-list{ display:grid; gap:10px; margin:0; padding:0; list-style:none; }
    .contact-item{
      display:flex; align-items:center; gap:12px;
      padding:10px 12px;
      border:1px solid #1a2234;
      border-radius:12px;
      background:#0b111b;
    }
    .contact-item i{ font-size:16px; opacity:.9; width:18px; text-align:center; }
    .contact-item a{ color:#e6ecff; text-decoration:none; }
    .contact-item a:hover{ text-decoration:underline; }

    /* przyciski */
    .btn{
      display:inline-flex; align-items:center; gap:8px;
      height:36px; padding:0 14px;
      font-weight:600; border-radius:10px;
      text-decoration:none; cursor:pointer; user-select:none;
      transition:transform .05s ease, filter .15s ease, box-shadow .15s ease;
    }
    .btn:active{ transform:translateY(1px); }

    .btn-primary{
      color:#fff; background:#bb1111; border:1px solid #e10600;
      box-shadow:0 3px 10px rgba(225,6,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .btn-primary:hover{ filter:brightness(1.05); }

    .btn-outline{
      color:#dbeafe; background:#0b1422; border:1px solid rgba(71,121,215,.35);
      box-shadow:0 2px 8px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .btn-outline:hover{ filter:brightness(1.05); }

    .btns{ display:flex; gap:10px; flex-wrap:wrap; }

    /* formularz */
    .form{
      display:grid; gap:12px;
    }
    .field{ display:grid; gap:6px; }
    .label{ font-size:13px; opacity:.85; }
    .input, .textarea{
      width:100%;
      background:#0b111b;
      border:1px solid #1a2234;
      color:#e7ecf7;
      border-radius:10px;
      padding:10px 12px;
      outline:none;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
    }
    .input:focus, .textarea:focus{ border-color:#2a4e87; box-shadow:0 0 0 2px rgba(59,130,246,.15); }
    .textarea{ min-height:140px; resize:vertical; }

    .muted{ font-size:12px; opacity:.7; }

    @media (max-width:560px){
      .page-title{ font-size:20px; }
      .card__title{ font-size:16px; }
      .btn{ height:34px; padding:0 12px; font-size:14px; }
    }