Ghaymah intern

q3-cicd/public/style.css

@@ -0,0 +1,78 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
+  background: linear-gradient(135deg, #1e2530, #0f1420);
+  color: #e7ecf5;
+}
+
+.card {
+  background: #171f30;
+  border: 1px solid #2a3448;
+  border-radius: 16px;
+  padding: 40px;
+  text-align: center;
+  max-width: 420px;
+  width: 90%;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
+}
+
+h1 {
+  margin: 0 0 8px;
+  font-size: 24px;
+}
+
+.subtitle {
+  margin: 0 0 24px;
+  color: #8b96ab;
+  font-size: 14px;
+}
+
+.badge {
+  display: inline-block;
+  padding: 10px 20px;
+  border-radius: 999px;
+  font-size: 14px;
+  font-weight: 600;
+  background: #2a3448;
+  margin-bottom: 24px;
+}
+
+.badge.staging {
+  background: #4f8cff33;
+  color: #4f8cff;
+  border: 1px solid #4f8cff;
+}
+
+.badge.prod {
+  background: #2ecc7133;
+  color: #2ecc71;
+  border: 1px solid #2ecc71;
+}
+
+.links {
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+}
+
+.links a {
+  color: #4f8cff;
+  text-decoration: none;
+  font-size: 14px;
+  padding: 8px 14px;
+  border: 1px solid #2a3448;
+  border-radius: 8px;
+  transition: background 0.2s;
+}
+
+.links a:hover {
+  background: #2a3448;
+}