new main page

static/style/styles2.css

@@ -134,7 +134,6 @@ main{
   display:flex;flex-direction:column;gap:4rem;
 }
 
-.hero{padding-bottom:3rem;border-bottom:1px solid var(--border);}
 .hero-eyebrow{
   font-family:var(--ff-mono);font-size:0.72rem;color:var(--green);
   letter-spacing:0.18em;margin-bottom:1rem;
@@ -596,4 +595,26 @@ a{
     animation: pulse 2s infinite;
 }
 .dot--available { background: var(--green); }
-.dot--busy      { background: red; }
+.dot--busy      { background: red; }
+
+/* styles2.css */
+.overlay {
+  position: fixed;
+  inset: 0;                          /* top/right/bottom/left: 0 */
+  background: rgba(0, 0, 0, 0.6);   /* semi-transparent dark */
+  z-index: 100;
+  display: none;
+  align-items: center;
+  justify-content: center;
+}
+button {
+  font-family:var(--ff-mono);font-size:0.65rem;
+  letter-spacing:0.1em;text-transform:uppercase;
+  background:rgba(26,86,219,0.07);color:var(--accent);
+  border:1px solid rgba(26,86,219,0.2);
+  padding:2px 8px;border-radius:3px;
+}
+
+button:hover {
+  border:1px solid rgb(26, 87, 219);
+}