diff --git a/assets/css/custom.css b/assets/css/custom.css index 4d482e1..a39bf97 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -125,35 +125,29 @@ button, /* ... rest of existing styles ... */ /* Feature Items */ .feature-item { - background: rgba(255, 255, 255, 0.05); - border: 1px solid rgba(255, 255, 255, 0.1); + background: transparent; + border: none; + padding: 8px 0 !important; transition: all 0.3s ease; } .feature-item:hover { - background: rgba(255, 255, 255, 0.1); - transform: translateX(10px); + transform: translateX(8px); } .checkmark { color: #FFFFFF; - background: rgba(255, 255, 255, 0.2); - width: 36px; - height: 36px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; font-weight: bold; - font-size: 1rem; + font-size: 1.2rem; flex-shrink: 0; - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + margin-right: 1.5rem; } .feature-list h5 { color: #ffffff !important; - font-size: 1.2rem; + font-size: 1.1rem; font-weight: 500; + margin: 0; } .btn-outline-secondary { @@ -378,7 +372,7 @@ footer { .auth-image-container { position: relative; overflow: hidden; - background-color: var(--brand-primary); /* Fallback */ + background-color: #2D2D2D; /* Neutral dark fallback */ } .auth-background-video { @@ -395,7 +389,7 @@ footer { } .auth-image-overlay { - background: linear-gradient(135deg, rgba(45, 106, 79, 0.4) 0%, rgba(27, 67, 50, 0.7) 100%); + background: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%); width: 100%; height: 100%; position: relative; diff --git a/index.php b/index.php index bc49d41..158097b 100644 --- a/index.php +++ b/index.php @@ -27,7 +27,7 @@ - + @@ -74,20 +74,20 @@
-
- ✓ +
+ ✓
AI Recipes from Photos 📸
-
- ✓ +
+ ✓
Smart Shopping Lists 🛒
-
- ✓ +
+ ✓
Holiday & Event Planning 🥳
-
- ✓ +
+ ✓
Expense Control & Splitting 💸