/* PitchPro Solutions Ltd — resources.css */

/* RESOURCES PAGE ADDITIONS */
  .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media (max-width:900px){ .resource-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .resource-grid{grid-template-columns:1fr;} }
  .resource-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease, transform .2s ease;display:flex;flex-direction:column;}
  .resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);}
  .resource-cover{
    height:120px;background:linear-gradient(135deg, var(--navy), var(--navy-dark));
    display:flex;align-items:center;justify-content:center;position:relative;
  }
  .resource-cover svg{width:38px;height:38px;stroke:var(--teal);opacity:.9;}
  .resource-cover .pages-badge{
    position:absolute;bottom:10px;right:12px;background:rgba(255,255,255,0.15);color:#fff;
    font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;
  }
  .resource-body{padding:22px;display:flex;flex-direction:column;flex:1;}
  .resource-body h3{font-size:16.5px;margin-bottom:8px;}
  .resource-body p{font-size:14px;color:var(--text-muted);margin-bottom:18px;flex:1;}
  .resource-body button{width:100%;}

  /* MODAL */
  .modal-overlay{
    display:none;position:fixed;inset:0;background:rgba(8,20,40,0.6);z-index:300;
    align-items:center;justify-content:center;padding:20px;
  }
  .modal-overlay.open{display:flex;}
  .modal-box{
    background:#fff;border-radius:var(--radius-lg);padding:36px;max-width:440px;width:100%;
    box-shadow:var(--shadow-lg);position:relative;
  }
  .modal-close{
    position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;
    font-size:22px;color:var(--text-muted);line-height:1;
  }
  .modal-box h3{font-size:19px;margin-bottom:6px;}
  .modal-box .modal-sub{font-size:14px;color:var(--text-muted);margin-bottom:22px;}
  .modal-field{margin-bottom:16px;}
  .modal-field label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px;}
  .modal-field input{
    width:100%;padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);
    font-family:'Inter',sans-serif;font-size:14.5px;
  }
  .modal-field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,184,176,0.15);}
  .modal-note{font-size:12px;color:var(--text-muted);margin-top:12px;text-align:center;}
  .modal-status{font-size:13.5px;margin-top:10px;text-align:center;display:none;}
  .modal-status.show{display:block;}