/* Header styles */
.header{
  background:var(--card);
    border-bottom:1px solid var(--border);
      padding:10px 0;
        position:sticky;
          top:0;
            z-index:100;
            }

            .header .wrap{
              display:flex;
                align-items:center;
                  justify-content:space-between;
                  }

                  .brand{
                    display:flex;
                      align-items:center;
                        gap:12px;
                        }

                        .brand-logo{
                          height:120px;
                            width:300px;
                              object-fit:contain;
                                display:block;
                                }

                                .brand-info{
                                  display:flex;
                                    flex-direction:column;
                                      gap:2px;
                                      }

                                      .brand-name{
                                        font-size:16px;
                                          font-weight:700;
                                            color:var(--foreground);
                                              letter-spacing:-0.3px;
                                              }

                                              .brand-tagline{
                                                font-size:11px;
                                                  color:var(--muted-foreground);
                                                    font-weight:500;
                                                      text-transform:uppercase;
                                                        letter-spacing:0.5px;
                                                        }

                                                        .header-right{
                                                          display:flex;
                                                            align-items:center;
                                                              gap:16px;
                                                              }

                                                              .upgrade-btn{
                                                                padding:8px 16px;
                                                                  background:var(--accent);
                                                                    color:#fff;
                                                                      border:none;
                                                                        border-radius:6px;
                                                                          font-size:12px;
                                                                            font-weight:700;
                                                                              cursor:pointer;
                                                                                letter-spacing:0.4px;
                                                                                  text-transform:uppercase;
                                                                                    transition:filter 0.2s;
                                                                                      white-space:nowrap;
                                                                                      }

                                                                                      .upgrade-btn:hover{
                                                                                        filter:brightness(1.15);
                                                                                        }

                                                                                        /* Credits badge */
                                                                                        .credits-badge{
                                                                                          padding:10px 16px;
                                                                                            background:rgba(26, 95, 90, 0.15);
                                                                                              border:1px solid rgba(26, 95, 90, 0.4);
                                                                                                border-radius:8px;
                                                                                                  font-size:14px;
                                                                                                    font-weight:600;
                                                                                                      color:var(--accent);
                                                                                                        white-space:nowrap;
                                                                                                          flex-shrink:0;
                                                                                                          }

                                                                                                          .credits-badge.is-empty{
                                                                                                            background:rgba(234,179,8,0.1);
                                                                                                              border-color:rgba(234,179,8,0.4);
                                                                                                                color:#fcd34d;
                                                                                                                }

                                                                                                                /* User status badge */
                                                                                                                .user-status-badge{
                                                                                                                  padding:10px 16px;
                                                                                                                    border-radius:8px;
                                                                                                                      font-size:12px;
                                                                                                                        font-weight:600;
                                                                                                                          letter-spacing:0.5px;
                                                                                                                            text-transform:uppercase;
                                                                                                                            }

                                                                                                                            .user-status-badge.registered{
                                                                                                                              background:rgba(26, 95, 90, 0.15);
                                                                                                                                border:1px solid rgba(26, 95, 90, 0.4);
                                                                                                                                  color:var(--accent);
                                                                                                                                  }

                                                                                                                                  .user-status-badge.anonymous{
                                                                                                                                    background:rgba(148, 163, 184, 0.1);
                                                                                                                                      border:1px solid rgba(148, 163, 184, 0.3);
                                                                                                                                        color:var(--muted-foreground);
                                                                                                                                        }

                                                                                                                                        /* Credits badge tooltip */
                                                                                                                                        .credits-badge-wrap{
                                                                                                                                          position:relative;
                                                                                                                                          }

                                                                                                                                          .credits-tooltip{
                                                                                                                                            position:absolute;
                                                                                                                                              top:calc(100% + 8px);
                                                                                                                                                right:0;
                                                                                                                                                  background:var(--card);
                                                                                                                                                    border:1px solid var(--border);
                                                                                                                                                      border-radius:8px;
                                                                                                                                                        padding:10px 14px;
                                                                                                                                                          font-size:12px;
                                                                                                                                                            color:var(--muted-foreground);
                                                                                                                                                              white-space:nowrap;
                                                                                                                                                                box-shadow:0 4px 16px rgba(0,0,0,0.3);
                                                                                                                                                                  opacity:0;
                                                                                                                                                                    pointer-events:none;
                                                                                                                                                                      transition:opacity 0.2s;
                                                                                                                                                                        z-index:100;
                                                                                                                                                                        }

                                                                                                                                                                        .credits-badge-wrap:hover .credits-tooltip{
                                                                                                                                                                          opacity:1;
                                                                                                                                                                          }

                                                                                                                                                                          /* Hero section */
                                                                                                                                                                          .hero{
                                                                                                                                                                            margin-bottom:32px;
                                                                                                                                                                              background:transparent;
                                                                                                                                                                                border-radius:0;
                                                                                                                                                                                  padding:0;
                                                                                                                                                                                    color:var(--foreground);
                                                                                                                                                                                      text-align:left;
                                                                                                                                                                                      }

                                                                                                                                                                                      h1{
                                                                                                                                                                                        font-size:36px;
                                                                                                                                                                                          font-weight:800;
                                                                                                                                                                                            letter-spacing:-0.5px;
                                                                                                                                                                                              margin:0 0 8px;
                                                                                                                                                                                                color:var(--foreground);
                                                                                                                                                                                                }

                                                                                                                                                                                                .subhead{
                                                                                                                                                                                                  margin:0 0 0;
                                                                                                                                                                                                    color:var(--muted-foreground);
                                                                                                                                                                                                      max-width:75ch;
                                                                                                                                                                                                        line-height:1.6;
                                                                                                                                                                                                          font-size:15px;
                                                                                                                                                                                                          }

                                                                                                                                                                                                          .meta{
                                                                                                                                                                                                            margin-top:16px;
                                                                                                                                                                                                              font-size:13px;
                                                                                                                                                                                                                color:var(--subtle-foreground);
                                                                                                                                                                                                                  display:flex;
                                                                                                                                                                                                                    align-items:center;
                                                                                                                                                                                                                      gap:8px;
                                                                                                                                                                                                                        flex-wrap:wrap;
                                                                                                                                                                                                                          line-height:1.5
                                                                                                                                                                                                                          }

                                                                                                                                                                                                                          .indicative-banner{
                                                                                                                                                                                                                            margin-top:12px;
                                                                                                                                                                                                                              padding:10px 12px;
                                                                                                                                                                                                                                background:rgba(255, 140, 66, 0.08);
                                                                                                                                                                                                                                  border-left:3px solid #ff8c42;
                                                                                                                                                                                                                                    border-radius:4px;
                                                                                                                                                                                                                                      font-size:13px;
                                                                                                                                                                                                                                        color:var(--muted-foreground);
                                                                                                                                                                                                                                          font-weight:500;
                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                          /* Tablet */
                                                                                                                                                                                                                                          @media (max-width: 1024px) {
                                                                                                                                                                                                                                            .brand-logo{
                                                                                                                                                                                                                                                height:80px;
                                                                                                                                                                                                                                                    width:200px;
                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                        .user-status-badge{
                                                                                                                                                                                                                                                            font-size:11px;
                                                                                                                                                                                                                                                                padding:8px 10px;
                                                                                                                                                                                                                                                                    max-width:200px;
                                                                                                                                                                                                                                                                        overflow:hidden;
                                                                                                                                                                                                                                                                            text-overflow:ellipsis;
                                                                                                                                                                                                                                                                                white-space:nowrap;
                                                                                                                                                                                                                                                                                  }
                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                  /* Mobile */
                                                                                                                                                                                                                                                                                  @media (max-width: 640px) {
                                                                                                                                                                                                                                                                                    .brand-logo{
                                                                                                                                                                                                                                                                                        height:50px;
                                                                                                                                                                                                                                                                                            width:130px;
                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                .header .wrap{
                                                                                                                                                                                                                                                                                                    gap:8px;
                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                        .header-right{
                                                                                                                                                                                                                                                                                                            gap:6px;
                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                .credits-badge{
                                                                                                                                                                                                                                                                                                                    font-size:11px;
                                                                                                                                                                                                                                                                                                                        padding:6px 8px;
                                                                                                                                                                                                                                                                                                                            white-space:nowrap;
                                                                                                                                                                                                                                                                                                                                flex-shrink:0;
                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                    .user-status-badge{
                                                                                                                                                                                                                                                                                                                                        display:none;
                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                            .upgrade-btn{
                                                                                                                                                                                                                                                                                                                                                padding:6px 10px;
                                                                                                                                                                                                                                                                                                                                                    font-size:11px;
                                                                                                                                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                                                                                                                                      }