diff --git a/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx b/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx index 250377d..3c696b7 100644 --- a/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx +++ b/apps/landing/src/app/homepage/_components/WaitlistPopup.tsx @@ -106,7 +106,7 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop .waitlist-card { background: rgba(255, 255, 255, 0.02); - border: 1px solid rgba(255, 255, 255, 0.06); + border: 2px solid transparent; transition: all 0.2s ease; position: relative; overflow: hidden; @@ -129,26 +129,26 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop left: 30%; mask-image: linear-gradient(to right, transparent 0%, black 40%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 40%); - opacity: 0.8; + opacity: 0.5; transition: opacity 0.2s ease; } .waitlist-card:hover .waitlist-card-image { - opacity: 0.9; + opacity: 1; } .waitlist-card.selected .waitlist-card-image { - opacity: 1; + opacity: 0.8; } .waitlist-card:hover { background: rgba(255, 255, 255, 0.04); - border-color: rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.4); } .waitlist-card.selected { background: rgba(99, 102, 241, 0.12); - border-color: rgba(139, 92, 246, 0.4); + border-color: rgba(168, 85, 247, 0.9); } .waitlist-card.selected .waitlist-card-icon { @@ -157,17 +157,17 @@ export default function WaitlistPopup({ isOpen, onClose, onSubmit }: WaitlistPop .waitlist-card-dashed { background: transparent; - border: 1px dashed rgba(255, 255, 255, 0.15); + border: 2px dashed rgba(255, 255, 255, 0.15); } .waitlist-card-dashed:hover { background: rgba(255, 255, 255, 0.02); - border-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.4); } .waitlist-card-dashed.selected { background: rgba(99, 102, 241, 0.08); - border-color: rgba(139, 92, 246, 0.3); + border-color: rgba(168, 85, 247, 0.9); } .waitlist-card-icon {