*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-hero:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-default:0 2px 6px rgba(0,0,0,0.2);--shadow-hover:0 4px 10px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--ui-surface:var(--surface,rgb(22,30,42));--ui-surface-2:var(--surface-2,rgb(28,38,54));--ui-border:var(--border,rgba(122,205,242,0.1));--ui-border-strong:var(--border-strong,rgba(122,205,242,0.22));--ui-text:var(--text,#e2eaf2);--ui-text-muted:var(--text-muted,#7a92a8);--ui-accent:var(--accent,#7acdf2);--ui-accent-2:var(--accent-2,#4ba7d6);--ui-accent-3:var(--accent-3,#9b8fe8);--ui-accent-4:var(--accent-4,#7c6bcf);--ui-base:var(--base,#0a0a0a);--ui-base-2:var(--base-2,#10141c);--ui-contrast:var(--contrast,#ffffff);--ui-contrast-3:var(--contrast-3,rgba(255,255,255,0.2));--ui-gold:var(--gold,#faad14);--ui-shadow-1:var(--shadow-1,0 2px 8px rgba(0,0,0,0.45));--ui-radius:var(--radius,var(--radius-md,8px));--ui-bottom-nav-bg:var(--bottom-nav-bg,color-mix(in srgb,var(--ui-surface) 88%,transparent));--ui-drawer-bg:var(--drawer-bg,var(--ui-surface));--color-black:#0a0a0a;--color-silver:#c0c0c0;--color-silver-dark:#979595;--color-metallic-blue:#7acdf2;--color-metallic-blue-dark:#4ba7d6;--color-metallic-blue-light:#b3e6fc;--color-success-green:#28a745;--color-error-red:#dc3545;--color-warning-yellow:#ffc107;--color-info-blue:#17a2b8;--primary:rgb(22,30,42);--primary-light:var(--color-metallic-blue-light);--primary-dark:var(--color-black);--secondary:var(--color-silver);--secondary-dark:var(--color-silver-dark);--disabled:var(--color-silver-dark);--success:var(--color-success-green);--success-hover:color-mix(in srgb,var(--success),transparent 20%);--warn:var(--color-warning-yellow);--warn-hover:color-mix(in srgb,var(--warn),transparent 20%);--error:var(--color-error-red);--error-hover:color-mix(in srgb,var(--error),transparent 20%);--info:var(--color-info-blue);--info-hover:color-mix(in srgb,var(--info),transparent 20%);--color-accent:var(--color-metallic-blue);--accent:var(--color-accent);--color-bg-dark:var(--color-black);--color-bg-gradient:linear-gradient(120deg,var(--color-black) 0%,var(--color-metallic-blue-dark) 100%);--color-text-primary:var(--color-black);--bg-color:var(--color-bg-dark);--bg-gradient:var(--color-bg-gradient);--text-color:var(--color-text-primary);--font-family-primary:system-ui,sans-serif;--font-family-secondary:system-ui,sans-serif;--color-scrollbar-thumb:var(--color-metallic-blue);--color-scrollbar-thumb-hover:var(--color-metallic-blue-dark)}body,html{height:100%;scroll-behavior:smooth}body{min-height:100vh;color:var(--color-text-primary,inherit);font-family:var(--font-family-primary,system-ui,sans-serif);background:var(--color-bg-gradient,var(--color-background,#fff))}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb,var(--color-accent,#888));border-radius:var(--radius-sm,4px)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-thumb-hover,var(--color-accent-strong,#666))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent{color:var(--color-accent)}.bg-accent{background-color:var(--color-accent);color:#000}.bold{font-weight:var(--font-weight-bold,700)}.shadow{box-shadow:var(--shadow-default)}.shadow-hover:hover{box-shadow:var(--shadow-hover)}:root{--font-family-primary:var(--font-roboto),sans-serif;--font-family-secondary:var(--font-roboto),sans-serif;--color-silver-dark:#686565;--shadow-default:4px 4px 20px #4ba1c9e5;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem}