This commit is contained in:
Flatlogic Bot 2026-01-26 22:21:12 +00:00
parent c7834000a3
commit 763c93513d
2 changed files with 19 additions and 25 deletions

View File

@ -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;

View File

@ -27,7 +27,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>_v11">
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>_v13">
</head>
<body>
@ -74,20 +74,20 @@
</div>
<div class="feature-list mt-5 text-start position-relative">
<div class="d-flex mb-4 align-items-center p-3 rounded-4 transition-all feature-item">
<span class="checkmark me-4"></span>
<div class="d-flex mb-3 align-items-center transition-all feature-item">
<span class="checkmark"></span>
<h5 class="mb-0">AI Recipes from Photos 📸</h5>
</div>
<div class="d-flex mb-4 align-items-center p-3 rounded-4 transition-all feature-item">
<span class="checkmark me-4"></span>
<div class="d-flex mb-3 align-items-center transition-all feature-item">
<span class="checkmark"></span>
<h5 class="mb-0">Smart Shopping Lists 🛒</h5>
</div>
<div class="d-flex mb-4 align-items-center p-3 rounded-4 transition-all feature-item">
<span class="checkmark me-4"></span>
<div class="d-flex mb-3 align-items-center transition-all feature-item">
<span class="checkmark"></span>
<h5 class="mb-0">Holiday & Event Planning 🥳</h5>
</div>
<div class="d-flex align-items-center p-3 rounded-4 transition-all feature-item">
<span class="checkmark me-4"></span>
<div class="d-flex align-items-center transition-all feature-item">
<span class="checkmark"></span>
<h5 class="mb-0">Expense Control & Splitting 💸</h5>
</div>
</div>