/* roulang page: index */
:root {
      --bg-main: #0a0e17;
      --bg-card: #111827;
      --text-main: #f9fafb;
      --text-muted: #9ca3af;
      --border-color: #1f2937;
      --accent: #d97706;
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      -webkit-font-smoothing: antialiased;
    }
    .custom-gradient-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(26, 34, 52, 0.6) 0%, rgba(17, 24, 39, 0.8) 100%);
    }
    .hero-form-box {
      background: rgba(17, 24, 39, 0.95);
      box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(12px);
    }

/* roulang page: category1 */
:root {
      --bg-main: #0a0e17;
      --bg-card: #111827;
      --text-main: #f9fafb;
      --text-muted: #9ca3af;
      --border-color: #1f2937;
      --accent: #d97706;
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      -webkit-font-smoothing: antialiased;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .custom-gradient-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
      background: linear-gradient(180deg, rgba(26, 34, 52, 0.6) 0%, rgba(17, 24, 39, 0.8) 100%);
    }
    .hero-form-box {
      background: rgba(17, 24, 39, 0.95);
      box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(12px);
    }
    .accent-gradient-text {
      background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .tag-badge {
      background: rgba(217, 119, 6, 0.15);
      color: #fbbf24;
      border: 1px solid rgba(217, 119, 6, 0.3);
    }
    .glass-panel {
      background: rgba(17, 24, 39, 0.7);
      border: 1px solid #1f2937;
      backdrop-filter: blur(8px);
    }