
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>CDFW - Website Moved</title>
    
  <!-- safe CSP for a self-contained page -->
  <!-- If you move the CSS fully inline, you can keep style-src 'unsafe-inline' without allowing external hosts -->
  <meta http-equiv="Content-Security-Policy"
        content="default-src 'self';
                 base-uri 'self';
                 object-src 'none';
                 form-action 'none';
                 frame-ancestors 'self';
                 script-src 'none';
                 style-src 'self' 'unsafe-inline';
                 img-src 'self' data:;
                 font-src 'self';
                 connect-src 'none';
                 media-src 'none';" />
  <style>
    /* =====================================
       CDFW Maintenance Page – Brand Aligned
       ===================================== */

    /* ---------- Root Variables ---------- */
    :root {
		--cdfw-blue: #292F6D;
		--cdfw-gold: #FAE200;
		--cdfw-teal: #1E718F;
		--cdfw-light: #E8FF5;
		--cdfw-dark: #045070;

		/* Site-feel neutrals (from CDFW palette) */
		--site-bg: #DCECF2;      /* light blue canvas */
		--panel-bg: #DCECF2;     /* light blue content panel */
		--panel-border: #0A1E25;

		--text-dark: #0A1E25;
		--text-light: #ADB0B5;
    }

    /* ---------- Global Layout ---------- */
    body {
      margin: 0;
      padding: 24px 16px;
      min-height: 100vh;

      background-color: var(--site-bg);
      background-image: none;

      color: var(--text-dark);
      font-family: "Inter", "Source Sans Pro", Arial, sans-serif;

      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    /* ---------- Content Wrapper ---------- */
    .container {
      width: min(900px, 100%);
      padding: clamp(18px, 4vw, 48px) clamp(18px, 3vw, 48px);

      background: var(--panel-bg);
      border: 1px solid var(--panel-border);
      border-radius: 6px;
      border-top: 3px solid var(--cdfw-dark);
      box-shadow: 0 10px 30px var(--panel-border);
    }

    /* ---------- Logo ---------- */
    .logo img {
      width: clamp(120px, 12vw, 165px);
      height: auto;
      margin-bottom: 18px;
    }

    /* ---------- Headings ---------- */
    h1 {
      font-size: clamp(1.6rem, 4vw, 2.4rem);
      margin: 0 0 7px 0;
      font-weight: 700;
      display: inline-block;
      position: relative;
      color: var(--cdfw-dark);
    }

    h1::after {
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      width: min(100%, 92vw);
      height: 4px;
      background-color: var(--cdfw-gold);
      opacity: 0.95;
    }

    h2 {
      font-size: clamp(1.05rem, 2.5vw, 1.3rem);
      margin: 18px 0 10px 0;
      font-weight: 600;
      color: var(--panel-border);
    }

    /* ---------- Body Text ---------- */
    p {
      font-size: clamp(0.98rem, 2.2vw, 1.08rem);
      line-height: 1.65;
      margin: 12px auto;
      max-width: 80ch;
      color: var(--panel-border);
    }

    /* ---------- Links ---------- */
    a {
      color: var(--cdfw-teal);
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    a:hover { text-decoration-thickness: 2px; }

    /* ---------- Notice Block ---------- */
    .notice-block {
      margin: 22px auto 10px;
      padding: 18px 22px;

      background-color: var(--cdfw-dark);
      color: var(--text-light);

      border-radius: 6px;
      max-width: 82ch;

      font-size: clamp(0.95rem, 2.2vw, 1.05rem);
      line-height: 1.6;
    }

    .notice-block a {
      color: var(--cdfw-gold);
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    /* ---------- Footer ---------- */
    footer {
      margin-top: 34px;
      font-size: 0.95rem;
      color: rgba(10, 30, 37, 0.75);
    }

    /* ---------- Spinner (Brand Colors) ---------- */
    .spinner {
      border: 5px solid var(--cdfw-dark);
      border-top: 3px solid var(--cdfw-gold);
      border-radius: 50%;
      width: 44px;
      height: 44px;
      animation: spin 1.2s linear infinite;
      margin: 22px auto 10px;
    }

    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }

    @media (max-width: 480px) {
      .container { padding: 26px 16px; }
    }

    /* ---------- Dark Mode Refinement ---------- */
    @media (prefers-color-scheme: dark) {
      body {
        background-color: var(--cdfw-dark);
        color: rgba(255,255,255,0.92);
        background-image: radial-gradient(circle at top, var(--panel-border), var(--cdfw-dark) 55%);
      }

      .container {
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.14);
        border-top: 3px solid rgba(255,255,255,0.10);
        box-shadow: 0 22px 60px rgba(0,0,0,0.55), 0 2px 0 rgba(255,255,255,0.04) inset;
      }

      h1, h2, p, footer { color: rgba(255,255,255,0.92); }
      a { color: var(--cdfw-gold); }

      .spinner {
        border: 5px solid rgba(255,255,255,0.18);
        border-top: 3px solid var(--cdfw-gold);
      }

      .notice-block {
        background-color: rgba(0,0,0,0.18);
        border: 1px solid rgba(255,255,255,0.10);
      }

      .notice-block a { color: var(--cdfw-gold); }
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="logo">
      <img src="/_images/CDFW-Insignia-146x193.png"
           alt="California Department of Fish and Wildlife shield logo" />
    </div>

    <h1>California Department of Fish and Wildlife</h1>
    <h2>dfg.ca.gov is no longer available</h2>

    <p>
      Most content formerly hosted on <strong>dfg.ca.gov</strong> has moved to
      <a href="https://wildlife.ca.gov" target="_blank" rel="noopener noreferrer">wildlife.ca.gov</a>.
    </p>

    <p class="notice-block">
      Try the
      <a href="https://wildlife.ca.gov/Search-Results#gsc.tab=0" target="_blank" rel="noopener noreferrer">site search</a>
      to find pages and documents.
    </p>

    <p class="small">
      For licenses, sales, and harvest reporting, visit:
      <a href="https://www.licenses.wildlife.ca.gov/internetsales/" target="_blank" rel="noopener noreferrer">
        License and Sales Services
      </a>.
    </p>

	<footer>
		California Department of Fish and Wildlife  &mdash;
		<a href="https://wildlife.ca.gov" target="_blank" rel="noopener noreferrer">wildlife.ca.gov</a>
		&copy; 2026 State of California
	</footer>

  </div>
</body>
</html>