Added missing bird

frontend/src/index.css

@@ -152,7 +152,7 @@ textarea {
   display: grid;
   grid-template-columns: 1.1fr 0.9fr;
   gap: 1.5rem;
-  align-items: start;
+  align-items: stretch;
 }
 
 .auth-hero-card {
@@ -167,7 +167,10 @@ textarea {
 }
 
 .auth-copy {
-  align-content: start;
+  position: relative;
+  align-content: stretch;
+  grid-template-rows: auto auto auto 1fr auto;
+  padding-bottom: 3.75rem;
 }
 
 .auth-card {
@@ -177,6 +180,53 @@ textarea {
   border: 1px solid var(--panel-border);
 }
 
+.lost-bird-login-card {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2;
+  gap: 0.65rem;
+  padding: 0.75rem 0.85rem;
+}
+
+.lost-bird-login-card[open] {
+  box-shadow: 0 24px 48px rgba(86, 63, 34, 0.24);
+}
+
+.lost-bird-login-card summary {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  list-style: none;
+}
+
+.lost-bird-login-card summary::-webkit-details-marker {
+  display: none;
+}
+
+.lost-bird-login-card summary::after {
+  content: "Open";
+  border: 1px solid rgba(39, 105, 179, 0.18);
+  border-radius: 999px;
+  padding: 0.45rem 0.75rem;
+  background: rgba(255, 254, 250, 0.72);
+  color: var(--accent-green);
+  font-size: 0.82rem;
+  font-weight: 800;
+}
+
+.lost-bird-login-card[open] summary::after {
+  content: "Close";
+}
+
+.lost-bird-login-card .eyebrow {
+  display: block;
+  margin-bottom: 0;
+}
+
 .auth-illustration-card {
   margin: 0;
   padding: 1rem;
@@ -1192,6 +1242,15 @@ label {
   color: #922728;
 }
 
+.success-banner {
+  margin: 0;
+  padding: 1rem 1.2rem;
+  border-radius: 18px;
+  background: rgba(35, 138, 90, 0.1);
+  border: 1px solid rgba(35, 138, 90, 0.2);
+  color: var(--accent-green);
+}
+
 .picker-list {
   display: flex;
   gap: 0.75rem;