*{margin:0;padding:0;box-sizing:border-box}body,html{width:100vw;height:100vh;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif}:root{--color-primary:#4f46e5;--color-primary-hover:#6366f1;--color-bg:#ffffff;--color-bg-hover:#f3f4f6;--color-bg-active:#e5e7eb;--color-bg-disabled:#f1f1fa;--color-bg-secondary:#f9f9f9;--color-bg-secondary-hover:#e5e7eb;--color-bg-secondary-active:#e0e7ff;--color-bg-secondary-disabled:var(--color-bg-disabled);--color-bg-facebook:#1877f3;--color-text-primary:#181b23;--color-text-primary-hover:#111827;--color-text-primary-active:#111827;--color-text-primary-disabled:#babdcc;--color-text-secondary:#333;--color-text-secondary-hover:#111;--color-text-secondary-active:#111;--color-text-secondary-disabled:var(--color-text-primary-disabled);--color-text-inverse:#ffffff;--color-text-header:#374151;--color-link:#3b82f6;--color-link-hover:#2563eb;--color-border:#e5e7eb;--color-border-hover:#9ca3af;--color-divider:#e5e7eb;--color-success:#16a34a;--color-success-hover:#059669;--color-error:#ef4444;--color-error-hover:#dc2626;--shadow-sm:0 1px 4px rgba(0,0,0,0.06);--shadow-md:0 2px 6px rgba(0,0,0,0.1);--shadow-lg:0 4px 12px rgba(0,0,0,0.15);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-family-base:"Inter",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-weight-normal:500;--font-weight-medium:500;--font-weight-bold:600;--font-weight-semibold:600;--font-weight-extrabold:800;--button-disabled-opacity:0.65;--button-disabled-filter:grayscale(24%);--button-hover-transform:translateY(-1.5px) scale(1.012);--button-transition:background 0.18s,box-shadow 0.19s,transform 0.12s;--icon-hover-transform:scale(1.1);--input-transition:border-color 0.2s ease,box-shadow 0.2s ease;--link-transition:color 0.2s ease;--motion-accordion-duration:320ms;--motion-accordion-ease:cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){:root{--motion-accordion-duration:0ms}}:root[data-theme=dark]{--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-bg:#17181d;--color-bg-hover:#232532;--color-bg-active:#2a2c3a;--color-bg-disabled:#26273c;--color-bg-secondary:#232532;--color-bg-secondary-hover:#303146;--color-bg-secondary-active:#373866;--color-bg-secondary-disabled:var(--color-bg-disabled);--color-text-primary:#f3f4f6;--color-text-primary-hover:#ffffff;--color-text-primary-active:#818cf8;--color-text-primary-disabled:#535768;--color-text-secondary:#b5b8c7;--color-text-secondary-hover:#e4e7ef;--color-text-secondary-active:#818cf8;--color-text-secondary-disabled:var(--color-text-primary-disabled);--color-text-inverse:#181b23;--color-text-header:#e9eaf2;--color-link:#60a5fa;--color-link-hover:#3b82f6;--color-border:#26273c;--color-border-hover:#444563;--color-divider:#232532;--color-success:#22c55e;--color-success-hover:#16a34a;--color-error:#f87171;--color-error-hover:#dc2626;--shadow-sm:0 1px 4px rgba(20,20,30,0.18);--shadow-md:0 2px 8px rgba(20,20,30,0.26);--shadow-lg:0 4px 20px rgba(20,20,30,0.32)}