:root,[data-theme=light]{--hopprs-bg: #eef0f8;--hopprs-surface: #ffffff;--hopprs-surface-elevated: #ffffff;--hopprs-surface-glass: rgba(255, 255, 255, .82);--hopprs-text: #0f172a;--hopprs-text-muted: #64748b;--hopprs-border: rgba(15, 23, 42, .08);--hopprs-accent: #4f6ef7;--hopprs-accent-2: #06b6d4;--hopprs-accent-3: #a855f7;--hopprs-accent-text: #ffffff;--hopprs-accent-soft: rgba(79, 110, 247, .1);--hopprs-accent-glow: rgba(79, 110, 247, .35);--hopprs-hero-overlay: rgba(255, 255, 255, .72);--hopprs-dot: rgba(15, 23, 42, .05);--hopprs-input-bg: #f8fafc;--hopprs-shadow: 0 20px 50px rgba(15, 23, 42, .08);--hopprs-shadow-lg: 0 32px 80px rgba(79, 110, 247, .12);--hopprs-gradient: linear-gradient(135deg, #4f6ef7 0%, #8b5cf6 45%, #06b6d4 100%);--hopprs-gradient-soft: linear-gradient( 135deg, rgba(79, 110, 247, .14) 0%, rgba(139, 92, 246, .1) 50%, rgba(6, 182, 212, .12) 100% );--hopprs-mesh-1: rgba(79, 110, 247, .18);--hopprs-mesh-2: rgba(6, 182, 212, .12);--hopprs-mesh-3: rgba(168, 85, 247, .1);--hopprs-success: #10b981;--hopprs-success-soft: rgba(16, 185, 129, .12);--hopprs-radius: 1rem;--hopprs-radius-lg: 1.25rem;--hopprs-glass-shine: linear-gradient( 135deg, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .12) 36%, transparent 58% );--hopprs-glass-edge: inset 0 1px 0 rgba(255, 255, 255, .55);--hopprs-font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--hopprs-font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}[data-theme=dark]{--hopprs-bg: #08080c;--hopprs-surface: #12121a;--hopprs-surface-elevated: #181822;--hopprs-surface-glass: rgba(18, 18, 26, .88);--hopprs-text: #f8fafc;--hopprs-text-muted: #94a3b8;--hopprs-border: rgba(255, 255, 255, .08);--hopprs-accent: #b8bcf8;--hopprs-accent-2: #22d3ee;--hopprs-accent-3: #c084fc;--hopprs-accent-text: #0f172a;--hopprs-accent-soft: rgba(184, 188, 248, .12);--hopprs-accent-glow: rgba(184, 188, 248, .25);--hopprs-hero-overlay: rgba(8, 8, 12, .4);--hopprs-dot: rgba(255, 255, 255, .06);--hopprs-input-bg: #0e0e14;--hopprs-shadow: 0 24px 60px rgba(0, 0, 0, .5);--hopprs-shadow-lg: 0 32px 80px rgba(0, 0, 0, .55);--hopprs-gradient: linear-gradient(135deg, #b8bcf8 0%, #c084fc 45%, #22d3ee 100%);--hopprs-gradient-soft: linear-gradient( 135deg, rgba(184, 188, 248, .14) 0%, rgba(192, 132, 252, .1) 50%, rgba(34, 211, 238, .1) 100% );--hopprs-mesh-1: rgba(184, 188, 248, .12);--hopprs-mesh-2: rgba(34, 211, 238, .08);--hopprs-mesh-3: rgba(192, 132, 252, .08);--hopprs-success: #34d399;--hopprs-success-soft: rgba(52, 211, 153, .12);--hopprs-glass-shine: linear-gradient( 135deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .04) 38%, transparent 60% );--hopprs-glass-edge: inset 0 1px 0 rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--hopprs-font-body);font-size:.9375rem;line-height:1.5;font-weight:500;background:var(--hopprs-bg);color:var(--hopprs-text);transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}h1,h2,h3,h4,.brand strong{font-family:var(--hopprs-font-display);font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-weight:800;letter-spacing:-.03em}.stat-card h3,.stat-card h3 small,.live-stats h3,.live-stats h3 small,td,th,input,select,code,small,.time,.progress+small,.event-meta span,.event-meta small,.api-status{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.stat-card h3,.live-stats h3{font-weight:800;letter-spacing:-.04em}.stat-card h3 small,.live-stats h3 small{font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}::selection{background:var(--hopprs-accent-soft);color:var(--hopprs-text)}.hopprs-page-title{margin:0;font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:800;letter-spacing:-.03em}.hopprs-eyebrow{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .35rem;padding:.3rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;font-family:var(--hopprs-font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--hopprs-accent);background:var(--hopprs-accent-soft);border:1px solid var(--hopprs-border)}.hopprs-card{position:relative;background:var(--hopprs-surface);border:1px solid var(--hopprs-border);border-radius:var(--hopprs-radius-lg);padding:1.35rem;box-shadow:var(--hopprs-shadow);overflow:hidden}.hopprs-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--hopprs-gradient);opacity:.85}.hopprs-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:999px;padding:.85rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.hopprs-btn:hover:not(:disabled){transform:translateY(-1px)}.hopprs-btn:active:not(:disabled){transform:translateY(0)}.hopprs-btn:disabled{opacity:.55;cursor:not-allowed}.hopprs-btn--primary{background:var(--hopprs-gradient);color:#fff;box-shadow:0 8px 24px var(--hopprs-accent-glow)}[data-theme=dark] .hopprs-btn--primary{color:#0f172a}.hopprs-btn--ghost{background:transparent;border:1px solid var(--hopprs-border);color:var(--hopprs-text)}