поправила эффект стекла

src/index.css

@@ -149,7 +149,6 @@
 
   * {
     @apply border-border outline-ring/50;
-    @apply font-poppins;
     box-sizing: border-box;
 
   }

src/pages/Login.tsx

@@ -124,9 +124,9 @@ const handleRegisterInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
         </div>
 
         {/* Login/Register Form Container */}
-        <div className="glass-morphism rounded-3xl p-8 border border-white/20 shadow-2xl">
+        <div className="bg-white/5 backdrop-blur-lg glass-morphism rounded-3xl p-8 border border-white/20 shadow-2xl">
           {/* Tab Buttons Container */}
-          <div className="flex  justify-center gap-2 mb-8 bg-white/10 backdrop-blur-lg rounded-xl px-2 py-2 shadow-inner">
+          <div className="flex justify-center gap-2 mb-8 bg-white/10 backdrop-blur-lg rounded-xl px-2 py-2 shadow-inner">
             <button
               type="button"
               onClick={() => setActiveTab("login")}

src/pages/Settings.tsx

@@ -32,7 +32,7 @@ const Settings: React.FC = () => {
       <div className="max-w-4xl mx-auto">
         {/* Profile Information */}
         <div className="px-4 -mt-6 mb-6 ">
-          <div className="bg-white/80 backdrop-blur-lg rounded-2xl p-6 border border-gray-200/50 shadow-lg glass-morphism">
+          <div className="bg-white/5 backdrop-blur-lg rounded-2xl p-6 border border-gray-200/50 shadow-lg glass-morphism">
             <h2 className="text-lg font-semibold text-gray-800 mb-4">Личная информация</h2>
             <div className="space-y-4">
               <div>

tailwind.config.js

@@ -10,12 +10,6 @@ module.exports = {
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
     "*.{js,ts,jsx,tsx,mdx}",
   ],
-  // theme: {
-  //   extend: {
-  //     fontFamily: {
-  //       poppins: ['Poppins', 'sans-serif'], 
-  //     },
-  //   },
-  // },
+
   plugins: [...defaultConfig.plugins, require("tailwindcss-animate")],
 };