@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

    :root{
      --kasi-yellow:#facc15;
      --kasi-green:#22c55e;
      --kasi-red:#ef4444;
    }
    body { font-family: Inter, system-ui, sans-serif; }
    .logo-font { font-family: "Space Grotesk", sans-serif; }

    .kasi-bg { background: linear-gradient(135deg, #1e3a8a 0%, #0ea5e9 100%); }

    .map-container{
      height: 520px;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
    }
    .leaflet-popup-content-wrapper { border-radius: 12px !important; }
    .job-card{ transition: all .25s cubic-bezier(.4,0,.2,1); }
    .job-card:hover{ transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); }

    .live-dot{ animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.35} }

    /* Low data mode */
    .low-data-mode .map-wrap,
    .low-data-mode .img-content { display:none !important; }
    .low-data-mode .text-only-view { display:block !important; }

    .otp-input{
      letter-spacing: 0.45em;
      text-align:center;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    /* tiny helper */
    .line-clamp-1{
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }