:root {  --cape-orange: #FF6B35;--cape-gold: #FFD700;--deep-blue: #1A1A2E;--street-purple: #6C5CE7;--cape-red: #E63946;--fresh-cyan: #00CEC9;--township-green: #00B894;--apex-primary: var(--cape-orange);--apex-secondary: var(--cape-gold);--apex-success: var(--township-green);--apex-danger: var(--cape-red);--apex-info: var(--fresh-cyan);--bg-gradient: linear-gradient(135deg, #0D1421 0%, var(--deep-blue) 40%, #1A1A2E 100%);--panel-bg: rgba(255, 255, 255, 0.06);--panel-hover: rgba(255, 107, 53, 0.1);--text-primary: #FFFFFF;--text-muted: #B8B8C8;--text-accent: var(--cape-gold);--border-color: rgba(255, 255, 255, 0.1);--shadow-primary: 0 25px 50px rgba(0, 0, 0, 0.5);--glow-effect: 0 0 40px rgba(255, 107, 53, 0.3);--border-radius: 18px;--transition-smooth: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.t-PageBody {background: var(--bg-gradient) !important;background-attachment: fixed;color: var(--text-primary);font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;line-height: 1.6;}.t-Header {background: rgba(26, 26, 46, 0.9) !important;backdrop-filter: blur(20px);border-bottom: 1px solid rgba(255, 215, 0, 0.12);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);position: fixed !important;z-index: 1000;transition: var(--transition-smooth);}.t-Header-wrap {max-width: 1400px;margin: 0 auto;padding: 1.2rem 2rem;}.t-Header-logo {font-family: 'Bebas Neue', Impact, sans-serif !important;font-size: 2rem !important;letter-spacing: 2px;color: var(--cape-orange) !important;text-shadow: var(--glow-effect);transition: var(--transition-smooth);position: relative;}.t-Header-logo::after {content: '';position: absolute;bottom: -3px;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, var(--cape-orange), var(--cape-gold));transform: scaleX(0);transition: var(--transition-smooth);}.t-Header-logo:hover::after {transform: scaleX(1);}.t-NavigationBar {margin-left: auto;display: flex;gap: 0.5rem;flex-wrap: wrap;}.t-NavigationBar-item {padding: 0.8rem 1.4rem !important;border-radius: 30px;color: var(--text-muted) !important;text-decoration: none;font-weight: 600;transition: var(--transition-smooth);position: relative;text-transform: uppercase;letter-spacing: 1px;font-size: 0.85rem;overflow: hidden;}.t-NavigationBar-item::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);transition: var(--transition-smooth);}.t-NavigationBar-item:hover::before {left: 100%;}.t-NavigationBar-item:hover {background: var(--panel-hover) !important;color: var(--cape-gold) !important;transform: translateY(-2px);}.t-NavigationBar-item.is-current {background: var(--cape-orange) !important;color: white !important;}.t-Region {background: var(--panel-bg) !important;border: 1px solid var(--border-color) !important;border-radius: var(--border-radius) !important;backdrop-filter: blur(15px);transition: var(--transition-smooth);position: relative;overflow: hidden;}.t-Region::after {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--cape-orange), var(--cape-gold), var(--street-purple));transform: scaleX(0);transition: var(--transition-smooth);}.t-Region:hover::after {transform: scaleX(1);}.t-Region:hover {transform: translateY(-8px);background: var(--panel-hover) !important;box-shadow: var(--shadow-primary);}.t-Region-header {font-family: 'Bebas Neue', Impact, sans-serif !important;color: var(--cape-orange) !important;text-shadow: var(--glow-effect);letter-spacing: 2px;margin-bottom: 1.5rem !important;}.t-Region-title {font-size: 2rem !important;line-height: 1.2;}.t-Button {border: 2px solid transparent !important;padding: 1.2rem 2rem !important;border-radius: 35px !important;font-weight: 700 !important;display: inline-flex;align-items: center;justify-content: center;gap: 0.8rem;transition: var(--transition-smooth) !important;text-transform: uppercase;letter-spacing: 1.5px;position: relative;overflow: hidden;font-size: 0.9rem !important;}.t-Button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: var(--transition-smooth);}.t-Button:hover::before {left: 100%;}.t-Button--hot,
.t-Button--primary {background: linear-gradient(135deg, var(--cape-orange), var(--cape-red)) !important;color: white !important;box-shadow: var(--glow-effect);}.t-Button--hot:hover,
.t-Button--primary:hover {transform: translateY(-4px) scale(1.02) !important;box-shadow: 0 20px 40px rgba(255, 107, 53, 0.4) !important;}.t-Button--secondary {background: rgba(255, 215, 0, 0.1) !important;border: 2px solid var(--cape-gold) !important;color: var(--cape-gold) !important;backdrop-filter: blur(10px);}.t-Button--secondary:hover {background: var(--cape-gold) !important;color: var(--deep-blue) !important;transform: translateY(-4px) scale(1.02) !important;}.t-Form-field {margin-bottom: 2rem;}.t-Form-label {color: var(--cape-gold) !important;font-weight: 700 !important;text-transform: uppercase;letter-spacing: 1px;font-size: 0.85rem !important;margin-bottom: 0.8rem;}.t-Form-input,
.t-Form-textarea,
.t-Form-select {background: rgba(255, 255, 255, 0.06) !important;border: 2px solid var(--border-color) !important;border-radius: 15px !important;color: var(--text-primary) !important;padding: 1.2rem 1.5rem !important;font-size: 1rem !important;transition: var(--transition-smooth) !important;font-family: inherit !important;width: 100%;}.t-Form-input:focus,
.t-Form-textarea:focus,
.t-Form-select:focus {border-color: var(--cape-orange) !important;box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2) !important;background: rgba(255, 255, 255, 0.1) !important;outline: none !important;transform: scale(1.02);}.t-Report-wrap {background: var(--panel-bg) !important;border-radius: var(--border-radius) !important;overflow: hidden;}.t-Report-report table {background: transparent !important;}.t-Report-report th {background: var(--cape-orange) !important;color: white !important;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;font-size: 0.85rem;}.t-Report-report td {background: rgba(255, 255, 255, 0.02) !important;border-bottom: 1px solid var(--border-color) !important;color: var(--text-primary) !important;}.t-Report-report tr:hover td {background: var(--panel-hover) !important;}.t-Card {background: var(--panel-bg) !important;border: 1px solid var(--border-color) !important;border-radius: var(--border-radius) !important;transition: var(--transition-smooth) !important;backdrop-filter: blur(15px);position: relative;overflow: hidden;}.t-Card::after {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--cape-orange), var(--cape-gold), var(--street-purple));transform: scaleX(0);transition: var(--transition-smooth);}.t-Card:hover::after {transform: scaleX(1);}.t-Card:hover {transform: translateY(-10px) scale(1.02);background: var(--panel-hover) !important;border-color: var(--cape-orange) !important;box-shadow: var(--shadow-primary) !important;}.t-Card-title {font-family: 'Bebas Neue', Impact, sans-serif !important;color: var(--cape-gold) !important;font-size: 1.8rem !important;letter-spacing: 2px;line-height: 1.2;}.t-Card-desc {color: var(--text-muted) !important;line-height: 1.7;}.hip-hop-hero {background:
radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.15) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(108, 92, 231, 0.15) 0%, transparent 50%),
radial-gradient(circle at 40% 40%, rgba(0, 206, 201, 0.08) 0%, transparent 50%),
var(--bg-gradient);min-height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;}.hip-hop-hero::before {content: '';position: absolute;inset: 0;background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFD700' fill-opacity='0.04'%3E%3Cpath d='M40 20L45 35H60L48 44L53 59L40 50L27 59L32 44L20 35H35L40 20Z'/%3E%3C/g%3E%3C/svg%3E") repeat;animation: float-pattern 25s linear infinite;z-index: 1;}@keyframes float-pattern {0% { transform: translate(0, 0); }100% { transform: translate(-80px, -80px); }}.gradient-text {background: linear-gradient(135deg, var(--cape-gold), var(--cape-orange), var(--street-purple));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.culture-stat {text-align: center;padding: 3rem 2rem;background: var(--panel-bg);border: 1px solid var(--border-color);border-radius: var(--border-radius);transition: var(--transition-smooth);backdrop-filter: blur(15px);position: relative;overflow: hidden;}.culture-stat::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 3px;background: linear-gradient(90deg, transparent, var(--cape-gold), transparent);transition: var(--transition-smooth);}.culture-stat:hover::before {left: 100%;}.culture-stat:hover {transform: translateY(-12px) scale(1.02);background: var(--panel-hover);border-color: var(--cape-orange);box-shadow: var(--shadow-primary);}.stat-number {font-family: 'Bebas Neue', Impact, sans-serif;font-size: 4rem;color: var(--cape-gold);margin-bottom: 0.5rem;text-shadow: var(--glow-effect);line-height: 1;}.stat-label {font-weight: 700;color: var(--text-muted);text-transform: uppercase;letter-spacing: 1.5px;font-size: 0.85rem;}.music-player {background: linear-gradient(135deg, rgba(255, 107, 53, 0.1), rgba(255, 215, 0, 0.1));border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 2rem;backdrop-filter: blur(15px);position: relative;overflow: hidden;}.music-player::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, var(--cape-orange), var(--cape-gold), var(--street-purple));}@media (max-width: 768px) {.t-Header-wrap {padding: 1rem;flex-direction: column;gap: 1rem;}  .t-NavigationBar {width: 100%;justify-content: center;margin-left: 0;}  .t-NavigationBar-item {font-size: 0.8rem;padding: 0.6rem 1rem !important;}  .t-Region {margin: 1rem 0;}  .t-Button {width: 100%;padding: 1rem !important;}}@media (prefers-reduced-motion: reduce) {* {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}  .hip-hop-hero::before {animation: none;}}@media (prefers-contrast: high) {:root {--panel-bg: rgba(255, 255, 255, 0.15);--border-color: rgba(255, 255, 255, 0.4);--text-muted: #CCCCCC;}}.t-Button:focus,
.t-Form-input:focus,
.t-Form-textarea:focus,
.t-Form-select:focus {outline: 3px solid var(--cape-gold) !important;outline-offset: 2px;}@media print {.t-Header,
.t-NavigationBar {display: none !important;}  .t-Region {background: white !important;color: black !important;box-shadow: none !important;}}