fix(studio): тёмный текст в PleeseReg + Профиль ведёт на rublox.pro

src/community/KubikonStudio.jsx

@@ -105,7 +105,12 @@ function renderProjectCard(p, navigate, genreMap, onDeleteClick, cl, requireAuth
  */
 const KubikonStudio = () => {
     const navigate = useNavigate();
-    const { isAuthenticated, isLoading } = useAuth();
+    const { isAuthenticated, isLoading, user } = useAuth();
+    // Главный сайт Рублокса — туда уходит «Профиль» (свой реальный профиль
+    // у студии нет, профили живут на rublox.pro).
+    const RUBLOX_HOME =
+        (typeof import.meta !== 'undefined' && import.meta.env?.VITE_RUBLOX_HOME) ||
+        'https://rublox.pro/app';
     const { isDesktop } = useDeviceType();
     // Активная вкладка. Начальное значение можно задать через ?tab= в
     // URL — так на Studio переходят из вики (у неё нет своих вкладок).
@@ -458,7 +463,14 @@ const KubikonStudio = () => {
                         )}
                         <button
                             className={cl.profileBtn}
-                            onClick={() => navigate('/me')}
+                            onClick={() => {
+                                // Профили живут на rublox.pro, не в студии.
+                                // У гостя профиля нет — открываем главную сайта.
+                                const url = (isAuthenticated && user?.id)
+                                    ? `${RUBLOX_HOME}/profile/${user.id}`
+                                    : RUBLOX_HOME;
+                                window.open(url, '_blank', 'noopener');
+                            }}
                             style={{ display: 'inline-flex', alignItems: 'center', gap: 6 }}
                         >
                             <Icon name="user" size={14} /> Профиль

src/components/PleeseReg/PleeseReg.module.css

@@ -1,14 +1,16 @@
 .Wrap {
-    width: 1088px;
-    height: 89vh;
+    width: 100%;
+    max-width: 720px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
+    color: #1e1b4b;
 }
 
 .wrapLast {
     display: flex;
+    align-items: center;
 }
 
 .wrapLast img {
@@ -22,6 +24,25 @@
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    color: #1e1b4b;
+}
+
+.ppropsRegPleese {
+    color: #1e1b4b;
+    text-align: center;
+    margin: 12px 0 0;
+    max-width: 240px;
+}
+
+.ppropsRegPleese a {
+    color: #3357ff;
+}
+
+.ppropsRegPleese code {
+    background: #f3e8ff;
+    padding: 1px 5px;
+    border-radius: 4px;
+    font-size: 11px;
 }
 
 @media (max-width: 768px) {