/* reuse v2 style.css exactly */
/* =========================================================
   ChatFurry – Master CSS
      Mobile-first • Fast • SEO-safe • Furry Neon Vibe
         ========================================================= */

         /* ---------- CSS Variables ---------- */
         :root {
           --bg-main: #0f0018;
             --bg-grad-1: #1a002b;
               --bg-grad-2: #2a0044;
                 --panel-bg: #24003d;
                   --panel-border: rgba(255,255,255,0.10);

                     --text-main: #f8eaff;
                       --text-muted: #d6c2ff;

                         --accent-main: #ff79c6;
                           --accent-alt: #50fa7b;

                             --radius-lg: 18px;
                               --radius-md: 14px;
                                 --radius-sm: 10px;

                                   --shadow-soft: 0 12px 30px rgba(0,0,0,0.35);
                                   }

                                   /* ---------- Reset ---------- */
                                   * {
                                     box-sizing: border-box;
                                     }
                                     html, body {
                                       margin: 0;
                                         padding: 0;
                                         }
                                         img {
                                           max-width: 100%;
                                             display: block;
                                             }

                                             /* ---------- Base ---------- */
                                             body {
                                               font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                                                              Roboto, Oxygen, Ubuntu, Cantarell, Arial, sans-serif;

                                                                background:
                                                                    radial-gradient(900px 600px at 15% 10%, rgba(255,121,198,0.15), transparent 60%),
                                                                        radial-gradient(800px 600px at 85% 15%, rgba(80,250,123,0.14), transparent 60%),
                                                                            linear-gradient(135deg, var(--bg-main), var(--bg-grad-2));

                                                                              color: var(--text-main);
                                                                                line-height: 1.6;
                                                                                }

                                                                                /* ---------- Links ---------- */
                                                                                a {
                                                                                  color: var(--accent-main);
                                                                                    text-decoration: none;
                                                                                    }
                                                                                    a:hover {
                                                                                      text-decoration: underline;
                                                                                      }

                                                                                      /* ---------- Layout Containers ---------- */
                                                                                      header {
                                                                                        background: rgba(20,0,40,0.92);
                                                                                          backdrop-filter: blur(10px);
                                                                                            border-bottom: 1px solid var(--panel-border);
                                                                                            }

                                                                                            header .inner,
                                                                                            footer .inner {
                                                                                              max-width: 1100px;
                                                                                                margin: 0 auto;
                                                                                                  padding: 14px 16px;
                                                                                                    display: flex;
                                                                                                      align-items: center;
                                                                                                        justify-content: space-between;
                                                                                                          gap: 12px;
                                                                                                            flex-wrap: wrap;
                                                                                                            }

                                                                                                            .container {
                                                                                                              max-width: 1100px;
                                                                                                                margin: 0 auto;
                                                                                                                  padding: 22px 16px 40px;
                                                                                                                  }

                                                                                                                  /* ---------- Branding ---------- */
                                                                                                                  .brand {
                                                                                                                    display: flex;
                                                                                                                      align-items: center;
                                                                                                                        gap: 10px;
                                                                                                                        }
                                                                                                                        .logo {
                                                                                                                          width: 36px;
                                                                                                                            height: 36px;
                                                                                                                              border-radius: 12px;
                                                                                                                                background: linear-gradient(135deg, var(--accent-main), var(--accent-alt));
                                                                                                                                  box-shadow: 0 6px 18px rgba(255,121,198,0.35);
                                                                                                                                  }
                                                                                                                                  .brand b {
                                                                                                                                    font-size: 18px;
                                                                                                                                      letter-spacing: 0.3px;
                                                                                                                                      }
                                                                                                                                      .small {
                                                                                                                                        font-size: 12px;
                                                                                                                                          color: var(--text-muted);
                                                                                                                                          }

                                                                                                                                          /* ---------- Navigation ---------- */
                                                                                                                                          .nav {
                                                                                                                                            display: flex;
                                                                                                                                              gap: 10px;
                                                                                                                                                flex-wrap: wrap;
                                                                                                                                                }
                                                                                                                                                .nav a {
                                                                                                                                                  padding: 8px 12px;
                                                                                                                                                    border-radius: var(--radius-sm);
                                                                                                                                                      background: rgba(255,255,255,0.06);
                                                                                                                                                        border: 1px solid var(--panel-border);
                                                                                                                                                          font-size: 14px;
                                                                                                                                                          }

                                                                                                                                                          /* ---------- Hero ---------- */
                                                                                                                                                          .hero {
                                                                                                                                                            background: rgba(36,0,61,0.85);
                                                                                                                                                              border: 1px solid var(--panel-border);
                                                                                                                                                                border-radius: var(--radius-lg);
                                                                                                                                                                  padding: 20px;
                                                                                                                                                                    box-shadow: var(--shadow-soft);
                                                                                                                                                                    }
                                                                                                                                                                    .hero h1 {
                                                                                                                                                                      margin: 0 0 6px;
                                                                                                                                                                        font-size: 26px;
                                                                                                                                                                        }
                                                                                                                                                                        .hero p {
                                                                                                                                                                          margin: 0;
                                                                                                                                                                            color: var(--text-muted);
                                                                                                                                                                            }

                                                                                                                                                                            /* ---------- Badges ---------- */
                                                                                                                                                                            .badges {
                                                                                                                                                                              display: flex;
                                                                                                                                                                                gap: 8px;
                                                                                                                                                                                  flex-wrap: wrap;
                                                                                                                                                                                    margin-top: 12px;
                                                                                                                                                                                    }
                                                                                                                                                                                    .badge {
                                                                                                                                                                                      padding: 6px 10px;
                                                                                                                                                                                        border-radius: 999px;
                                                                                                                                                                                          font-size: 12px;
                                                                                                                                                                                            background: rgba(255,255,255,0.06);
                                                                                                                                                                                              border: 1px solid var(--panel-border);
                                                                                                                                                                                                color: var(--text-muted);
                                                                                                                                                                                                }

                                                                                                                                                                                                /* ---------- Buttons ---------- */
                                                                                                                                                                                                .ctaRow {
                                                                                                                                                                                                  display: flex;
                                                                                                                                                                                                    gap: 12px;
                                                                                                                                                                                                      flex-wrap: wrap;
                                                                                                                                                                                                        margin-top: 14px;
                                                                                                                                                                                                        }
                                                                                                                                                                                                        .cta {
                                                                                                                                                                                                          padding: 12px 18px;
                                                                                                                                                                                                            border-radius: 999px;
                                                                                                                                                                                                              background: var(--accent-main);
                                                                                                                                                                                                                color: #120018;
                                                                                                                                                                                                                  font-weight: 700;
                                                                                                                                                                                                                    display: inline-flex;
                                                                                                                                                                                                                      align-items: center;
                                                                                                                                                                                                                        justify-content: center;
                                                                                                                                                                                                                        }
                                                                                                                                                                                                                        .cta.secondary {
                                                                                                                                                                                                                          background: rgba(255,255,255,0.08);
                                                                                                                                                                                                                            color: var(--text-main);
                                                                                                                                                                                                                              border: 1px solid var(--panel-border);
                                                                                                                                                                                                                              }

                                                                                                                                                                                                                              /* ---------- Notices ---------- */
                                                                                                                                                                                                                              .notice {
                                                                                                                                                                                                                                margin-top: 14px;
                                                                                                                                                                                                                                  padding: 12px 14px;
                                                                                                                                                                                                                                    border-radius: var(--radius-md);
                                                                                                                                                                                                                                      background: rgba(255,255,255,0.05);
                                                                                                                                                                                                                                        border: 1px solid var(--panel-border);
                                                                                                                                                                                                                                          font-size: 13px;
                                                                                                                                                                                                                                            color: var(--text-muted);
                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                            /* ---------- Sections ---------- */
                                                                                                                                                                                                                                            .sectionTitle {
                                                                                                                                                                                                                                              margin: 26px 0 12px;
                                                                                                                                                                                                                                                font-size: 18px;
                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                /* ---------- Cards & Grid ---------- */
                                                                                                                                                                                                                                                .grid {
                                                                                                                                                                                                                                                  display: grid;
                                                                                                                                                                                                                                                    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
                                                                                                                                                                                                                                                      gap: 14px;
                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                      .card {
                                                                                                                                                                                                                                                        background: rgba(36,0,61,0.85);
                                                                                                                                                                                                                                                          border: 1px solid var(--panel-border);
                                                                                                                                                                                                                                                            border-radius: var(--radius-md);
                                                                                                                                                                                                                                                              padding: 16px;
                                                                                                                                                                                                                                                                box-shadow: var(--shadow-soft);
                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                .card h2 {
                                                                                                                                                                                                                                                                  margin: 0 0 6px;
                                                                                                                                                                                                                                                                    font-size: 16px;
                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                    .card p {
                                                                                                                                                                                                                                                                      margin: 0;
                                                                                                                                                                                                                                                                        font-size: 14px;
                                                                                                                                                                                                                                                                          color: var(--text-muted);
                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                          /* ---------- Link Clouds ---------- */
                                                                                                                                                                                                                                                                          .links {
                                                                                                                                                                                                                                                                            display: flex;
                                                                                                                                                                                                                                                                              gap: 10px;
                                                                                                                                                                                                                                                                                flex-wrap: wrap;
                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                .links a {
                                                                                                                                                                                                                                                                                  padding: 8px 12px;
                                                                                                                                                                                                                                                                                    border-radius: var(--radius-md);
                                                                                                                                                                                                                                                                                      background: rgba(255,255,255,0.05);
                                                                                                                                                                                                                                                                                        border: 1px solid var(--panel-border);
                                                                                                                                                                                                                                                                                          font-size: 13px;
                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                          /* ---------- Footer ---------- */
                                                                                                                                                                                                                                                                                          footer {
                                                                                                                                                                                                                                                                                            background: rgba(20,0,40,0.95);
                                                                                                                                                                                                                                                                                              border-top: 1px solid var(--panel-border);
                                                                                                                                                                                                                                                                                                margin-top: 40px;
                                                                                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                                                                                footer a {
                                                                                                                                                                                                                                                                                                  color: var(--accent-alt);
                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                  /* ---------- Responsive ---------- */
                                                                                                                                                                                                                                                                                                  @media (max-width: 560px) {
                                                                                                                                                                                                                                                                                                    .hero h1 {
                                                                                                                                                                                                                                                                                                        font-size: 21px;
                                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                                            .nav a {
                                                                                                                                                                                                                                                                                                                font-size: 13px;
                                                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                                                  }