diff --git a/index.html b/index.html
index a0f3583..368a060 100644
--- a/index.html
+++ b/index.html
@@ -11,46 +11,59 @@
+
Amit Mishra | Healthcare Business Development & Utilization Review Expert
-
+
+
-
+
+
-
-
+
+
+
+
+
-
-
+
+
+
-
-
+
-
-
+
-
-
+
+
+
-
-
+
+
-
+
@@ -61,6 +74,7 @@
section[id] { scroll-margin-top: 80px; }
.hidden { display: none !important; }
+ /* Custom animations */
@keyframes fade-in-up { from { opacity:0; transform: translateY(20px);} to { opacity:1; transform: translateY(0);} }
.animate-fade-in-up { animation: fade-in-up .5s ease-out forwards; }
@keyframes fade-in { from { opacity:0; } to { opacity:1; } }
@@ -71,21 +85,55 @@
.dark .loader{ border-color:#4b5563; border-top-color:#60a5fa; }
@keyframes spin { to { transform: rotate(360deg);} }
- /* prose invert helper */
- .dark .prose-invert{ --tw-prose-body:#d1d5db; --tw-prose-headings:#fff; --tw-prose-links:#60a5fa; }
+ /* Modal styles */
+ .modal-backdrop { animation: fade-in .2s ease-out forwards; }
+ .modal-content { animation: fade-in-up .3s ease-out forwards; }
- /* Styles for new modals/lightbox from your script */
- #lightbox { background-color: rgba(0,0,0,0.8); backdrop-filter: blur(4px); }
- #lightbox-img { max-height: 90vh; max-width: 90vw; }
- #publication-modal, #email-modal { background-color: rgba(0,0,0,0.6); backdrop-filter: blur(4px); }
+ /* Styles for generated article content in modal */
+ #modal-article-content h3 {
+ font-size: 1.5rem; /* 24px */
+ line-height: 2rem; /* 32px */
+ font-weight: 700;
+ color: #1f2937; /* text-gray-800 */
+ margin-bottom: 1rem; /* mb-4 */
+ }
+ .dark #modal-article-content h3 {
+ color: #f9fafb; /* dark:text-gray-50 */
+ }
+ #modal-article-content p {
+ margin-bottom: 1rem; /* mb-4 */
+ line-height: 1.625; /* leading-relaxed */
+ font-size: 1.125rem; /* text-lg */
+ }
+ #modal-article-content img {
+ width: 100%;
+ max-height: 400px;
+ object-fit: cover;
+ border-radius: 0.5rem; /* rounded-lg */
+ margin-bottom: 1.5rem; /* mb-6 */
+ }
+ /* AI Chatbot styles */
+ .chat-bubble-model {
+ background-color: #f3f4f6; /* bg-gray-100 */
+ color: #1f2937; /* text-gray-800 */
+ align-self: flex-start;
+ }
+ .dark .chat-bubble-model {
+ background-color: #374151; /* dark:bg-gray-700 */
+ color: #f9fafb; /* dark:text-gray-100 */
+ }
+ .chat-bubble-user {
+ background-color: #3b82f6; /* bg-blue-600 */
+ color: #ffffff; /* text-white */
+ align-self: flex-end;
+ }