diff --git a/src/App.css b/src/App.css
index b9d355d..ec222ed 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,42 +1,79 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
+body {
+  margin: 0;
+  font-family: system-ui, sans-serif;
+  background: linear-gradient(135deg, #ff9a9e, #fad0c4);
+}
+
+.container {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
   text-align: center;
+  padding: 20px;
 }
 
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
+h1 {
+  font-size: 2.5rem;
+  margin-bottom: 20px;
 }
 
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+.photos {
+  display: flex;
+  gap: 15px;
+  margin-bottom: 30px;
 }
 
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
+.photo {
+  width: 120px;
+  height: 120px;
+  background: #fff;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-weight: bold;
 }
 
-.card {
-  padding: 2em;
+.buttons {
+  display: flex;
+  gap: 20px;
 }
 
-.read-the-docs {
-  color: #888;
+button {
+  font-size: 1.2rem;
+  padding: 12px 24px;
+  border-radius: 999px;
+  border: none;
+  cursor: pointer;
 }
+
+.yes {
+  background: #ff4d6d;
+  color: white;
+}
+
+.no {
+  background: #ddd;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.popup {
+  background: white;
+  padding: 30px;
+  border-radius: 16px;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/src/App.tsx b/src/App.tsx
index 3d7ded3..704d4c5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,35 +1,54 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+import "./App.css";
 
 function App() {
-  const [count, setCount] = useState(0)
+  const subject = "Ellen";
 
   return (
-    <>
-      <div>
-        <a href="https://vite.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
-        <a href="https://react.dev" target="_blank">
-          <img src={reactLogo} className="logo react" alt="React logo" />
-        </a>
-      </div>
-      <h1>Vite + React</h1>
-      <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
-        <p>
-          Edit <code>src/App.tsx</code> and save to test HMR
+    <div className="page">
+      <header className="header">
+        <h1>Goofy Fowl Foundation</h1>
+        <p className="tagline">
+          International Registry of Certified Silly Geese
         </p>
-      </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
-    </>
-  )
+      </header>
+
+      <main className="card">
+        <div className="seal">🪿</div>
+
+        <h2>Official Verification Record</h2>
+
+        <p className="statement">
+          After a thorough review of our records, field observations, and
+          multiple honk-based assessments, the Goofy Fowl Foundation confirms
+          that:
+        </p>
+
+        <h3 className="name">{subject}</h3>
+
+        <p className="result">
+          is officially recognized as a
+        </p>
+
+        <div className="badge">
+          Registered Silly Goose
+        </div>
+
+        <p className="fineprint">
+          Certification granted under Article 4, Section Honk of the
+          International Goofy Fowl Accord.
+        </p>
+
+        <p className="fineprint">
+          Verification ID: GFF-SG-0420
+        </p>
+      </main>
+
+      <footer className="footer">
+        <p>© {new Date().getFullYear()} Goofy Fowl Foundation</p>
+        <p>Promoting responsible goose-based silliness since 2026</p>
+      </footer>
+    </div>
+  );
 }
 
-export default App
+export default App;
\ No newline at end of file