:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:rgba(30,41,59,.6);--bg-card-solid:#1e293b;--bg-hover:rgba(30,41,59,.8);--bg-input:rgba(30,41,59,.8);--bg-overlay:rgba(0,0,0,.85);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--accent-purple:#8b5cf6;--accent-purple-light:#c4b5fd;--accent-purple-dark:#7c3aed;--accent-pink:#ec4899;--accent-blue:#3b82f6;--accent-blue-dark:#2563eb;--accent-green:#22c55e;--accent-green-light:#86efac;--accent-red:#ef4444;--accent-red-light:#fca5a5;--accent-yellow:#fac108;--accent-orange:#f97316;--gradient-primary:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);--gradient-blue:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);--gradient-bg:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);--color-youtube:red;--color-tiktok:#000;--color-instagram:#e4405f;--color-twitter:#1da1f2;--color-facebook:#1877f2;--border-subtle:rgba(148,163,184,.1);--border-medium:rgba(148,163,184,.2);--border-focus:var(--accent-purple);--border-error:var(--accent-red);--border-success:var(--accent-green);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",Menlo,Monaco,monospace;--text-xs:0.75rem;--text-sm:0.85rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.8rem;--text-4xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--transition-slower:0.5s ease;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 8px 32px rgba(0,0,0,.3);--shadow-xl:0 20px 40px rgba(0,0,0,.3);--shadow-hover:0 20px 40px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(139,92,246,.3);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--z-toast:1300;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1200px;--max-width-2xl:1400px;--animation-spin:spin 0.8s linear infinite;--animation-pulse:pulse 2s ease-in-out infinite;--animation-shimmer:shimmer 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme:light){:root{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--bg-card:hsla(0,0%,100%,.9);--bg-card-solid:#fff;--bg-hover:rgba(226,232,240,.8);--bg-input:hsla(0,0%,100%,.9);--bg-overlay:hsla(0,0%,100%,.85);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#f1f5f9;--border-subtle:rgba(15,23,42,.1);--border-medium:rgba(15,23,42,.2);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.1)}}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:var(--accent-purple);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:var(--font-semibold);z-index:10000;transition:top var(--transition-base);text-decoration:none}.skip-link:focus{top:10px;outline:none;box-shadow:0 0 0 3px rgba(139,92,246,.5)}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}:focus:not(:focus-visible){outline:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;box-shadow:0 0 0 4px rgba(139,92,246,.2)}