fix reglage css

src/components/ui/Modal/Modal.module.css

@@ -14,19 +14,14 @@
 }
 
 .modal {
-    padding: 20px 20px 20px 20px;
     border-radius: 20px;
     min-width: 300px;
     max-width: 70%;
     max-height: none;
     position: relative;
-    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
     width: clamp(300px, 50vw, 600px);
-    border: 1px solid rgba(200, 200, 200, 0.3);
-    background: rgba(255, 255, 255, 0.5);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
-    color: #000;
     outline: none;
 }
 

src/components/ui/Modal/Modal.tsx

@@ -23,7 +23,7 @@ const Modal = ({ open, onClose, children, title }: ModalProps) => {
 
   return createPortal(
     <div className={styles.overlay} onClick={handleOverlayClick}>
-      <div className={styles.modal} onClick={handleModalClick}>
+      <div className={`glassCard ${styles.modal}`} onClick={handleModalClick}>
         {title && <h2>{title}</h2>}
         {children}
         <div className={styles.modalFooter}>