:root{--pf-bg-primary: #ffffff;--pf-bg-secondary: #f9fafb;--pf-bg-tertiary: #f3f4f6;--pf-text-primary: #111827;--pf-text-secondary: #374151;--pf-text-tertiary: #6b7280;--pf-border-primary: #e5e7eb;--pf-border-secondary: #d1d5db;--pf-primary-50: #f0f9ff;--pf-primary-100: #e0f2fe;--pf-primary-200: #bae6fd;--pf-primary-300: #7dd3fc;--pf-primary-400: #38bdf8;--pf-primary-500: #0ea5e9;--pf-primary-600: #0284c7;--pf-primary-700: #0369a1;--pf-primary-800: #075985;--pf-primary-900: #0c4a6e;--pf-secondary-50: #faf5ff;--pf-secondary-100: #f3e8ff;--pf-secondary-200: #e9d5ff;--pf-secondary-300: #d8b4fe;--pf-secondary-400: #c084fc;--pf-secondary-500: #a855f7;--pf-secondary-600: #9333ea;--pf-secondary-700: #7c3aed;--pf-secondary-800: #6b21a8;--pf-secondary-900: #581c87;--pf-accent-50: #ecfdf5;--pf-accent-100: #d1fae5;--pf-accent-200: #a7f3d0;--pf-accent-300: #6ee7b7;--pf-accent-400: #34d399;--pf-accent-500: #10b981;--pf-accent-600: #059669;--pf-accent-700: #047857;--pf-accent-800: #065f46;--pf-accent-900: #064e3b;--pf-gray-50: #f8fafc;--pf-gray-100: #f1f5f9;--pf-gray-200: #e2e8f0;--pf-gray-300: #cbd5e1;--pf-gray-400: #94a3b8;--pf-gray-500: #64748b;--pf-gray-600: #475569;--pf-gray-700: #334155;--pf-gray-800: #1e293b;--pf-gray-900: #0f172a;--pf-success: var(--pf-accent-500);--pf-warning: #f59e0b;--pf-error: #ef4444;--pf-info: var(--pf-primary-500);--pf-gradient-primary: linear-gradient(135deg, var(--pf-primary-500) 0%, var(--pf-secondary-500) 100%);--pf-gradient-secondary: linear-gradient(135deg, var(--pf-secondary-500) 0%, var(--pf-primary-500) 100%);--pf-gradient-accent: linear-gradient(135deg, var(--pf-accent-400) 0%, var(--pf-primary-400) 100%);--pf-glass-bg: rgba(255, 255, 255, .08);--pf-glass-bg-hover: rgba(255, 255, 255, .12);--pf-glass-border: rgba(255, 255, 255, .15);--pf-glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--pf-glass-backdrop: blur(12px);--pf-glass-text: rgba(255, 255, 255, .95);--pf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--pf-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--pf-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--pf-shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--pf-shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--pf-shadow-glow: 0 0 20px rgba(168, 85, 247, .4);--pf-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pf-font-mono: "JetBrains Mono", "Fira Code", "Source Code Pro", monospace;--pf-space-xs: .25rem;--pf-space-sm: .5rem;--pf-space-md: 1rem;--pf-space-lg: 1.5rem;--pf-space-xl: 2rem;--pf-space-2xl: 3rem;--pf-space-3xl: 4rem;--pf-radius-sm: .375rem;--pf-radius-md: .5rem;--pf-radius-lg: .75rem;--pf-radius-xl: 1rem;--pf-radius-2xl: 1.5rem;--pf-radius-full: 9999px;--pf-transition-fast: .15s ease-in-out;--pf-transition-normal: .25s ease-in-out;--pf-transition-slow: .35s ease-in-out}[data-theme=light],:root{--pf-bg-primary: #ffffff;--pf-bg-secondary: #f9fafb;--pf-bg-tertiary: #f3f4f6;--pf-text-primary: #111827;--pf-text-secondary: #374151;--pf-text-tertiary: #6b7280;--pf-border-primary: #e5e7eb;--pf-border-secondary: #d1d5db}[data-theme=dark]{--pf-bg-primary: var(--pf-gray-900);--pf-bg-secondary: var(--pf-gray-800);--pf-bg-tertiary: var(--pf-gray-700);--pf-text-primary: var(--pf-gray-50);--pf-text-secondary: var(--pf-gray-300);--pf-text-tertiary: var(--pf-gray-400);--pf-border-primary: var(--pf-gray-700);--pf-border-secondary: var(--pf-gray-600)}*{box-sizing:border-box}html{font-family:var(--pf-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#fff!important;color:#111827;transition:background-color var(--pf-transition-normal),color var(--pf-transition-normal)}.bg-\[\#0A0A0A\],.bg-\[\#050505\],.bg-gray-900,.bg-gray-950,.bg-black{background-color:#fff!important}.bg-gray-900\/50,.bg-gray-800,.bg-gray-800\/50{background-color:#f9fafb!important}.pf-glass{background:var(--pf-glass-bg);backdrop-filter:var(--pf-glass-backdrop);-webkit-backdrop-filter:var(--pf-glass-backdrop);border:1px solid var(--pf-glass-border);box-shadow:var(--pf-glass-shadow);transition:background var(--pf-transition-fast)}.pf-glass:hover{background:var(--pf-glass-bg-hover)}@media (prefers-reduced-motion: reduce){.pf-glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1e293bcc}}.pf-glass-card{background:var(--pf-glass-bg);backdrop-filter:var(--pf-glass-backdrop);-webkit-backdrop-filter:var(--pf-glass-backdrop);border:1px solid var(--pf-glass-border);box-shadow:var(--pf-glass-shadow);transition:background var(--pf-transition-fast);border-radius:var(--pf-radius-xl);padding:var(--pf-space-lg);color:var(--pf-glass-text)}.pf-gradient-primary{background:var(--pf-gradient-primary)}.pf-gradient-secondary{background:var(--pf-gradient-secondary)}.pf-gradient-accent{background:var(--pf-gradient-accent)}.pf-gradient-text{background:var(--pf-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--pf-space-sm);padding:var(--pf-space-sm) var(--pf-space-lg);border-radius:var(--pf-radius-lg);font-weight:600;font-size:.875rem;line-height:1.25rem;transition:all var(--pf-transition-fast);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden}.pf-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--pf-transition-slow)}.pf-btn:hover:before{left:100%}.pf-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--pf-space-sm);padding:var(--pf-space-sm) var(--pf-space-lg);border-radius:var(--pf-radius-lg);font-weight:600;font-size:.875rem;line-height:1.25rem;transition:all var(--pf-transition-fast);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;background:var(--pf-gradient-primary);color:#fff;box-shadow:var(--pf-shadow-lg)}.pf-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--pf-shadow-xl),var(--pf-shadow-glow)}.pf-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--pf-space-sm);padding:var(--pf-space-sm) var(--pf-space-lg);border-radius:var(--pf-radius-lg);font-weight:600;font-size:.875rem;line-height:1.25rem;transition:all var(--pf-transition-fast);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;background:var(--pf-bg-secondary);color:var(--pf-text-primary);border:1px solid var(--pf-border-primary)}.pf-btn-secondary:hover{background:var(--pf-bg-tertiary);transform:translateY(-1px);box-shadow:var(--pf-shadow-md)}.pf-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--pf-space-sm);padding:var(--pf-space-sm) var(--pf-space-lg);border-radius:var(--pf-radius-lg);font-weight:600;font-size:.875rem;line-height:1.25rem;transition:all var(--pf-transition-fast);cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;background:transparent;color:var(--pf-text-secondary)}.pf-btn-ghost:hover{background:var(--pf-bg-secondary);color:var(--pf-text-primary)}.pf-card{background:var(--pf-bg-secondary);border:1px solid var(--pf-border-primary);border-radius:var(--pf-radius-xl);padding:var(--pf-space-lg);box-shadow:var(--pf-shadow-md);transition:all var(--pf-transition-normal)}.pf-card:hover{transform:translateY(-4px);box-shadow:var(--pf-shadow-xl);border-color:var(--pf-primary-400)}.pf-card-glass{@apply pf-glass-card;transition:all var(--pf-transition-normal)}.pf-card-glass:hover{transform:translateY(-4px);box-shadow:var(--pf-glass-shadow),var(--pf-shadow-glow)}.pf-input{width:100%;padding:var(--pf-space-sm) var(--pf-space-md);background:var(--pf-bg-secondary);border:1px solid var(--pf-border-primary);border-radius:var(--pf-radius-lg);color:var(--pf-text-primary);font-size:.875rem;transition:all var(--pf-transition-fast)}.pf-input:focus{outline:none;border-color:var(--pf-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.pf-input-glass{@apply pf-input pf-glass;background:var(--pf-glass-bg)}.pf-loading-skeleton{background:linear-gradient(90deg,var(--pf-bg-secondary) 25%,var(--pf-bg-tertiary) 50%,var(--pf-bg-secondary) 75%);background-size:200% 100%;animation:pf-skeleton-loading 1.5s infinite;border-radius:var(--pf-radius-md)}@keyframes pf-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pf-spinner{width:20px;height:20px;border:2px solid var(--pf-bg-tertiary);border-top:2px solid var(--pf-primary-500);border-radius:50%;animation:pf-spin 1s linear infinite}@keyframes pf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pf-animate-fade-in{animation:pf-fade-in .5s ease-out}.pf-animate-slide-up{animation:pf-slide-up .5s ease-out}.pf-animate-scale-in{animation:pf-scale-in .3s ease-out}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pf-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pf-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pf-text-gradient{background:var(--pf-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--pf-primary-400)}@supports not (background-clip: text){.pf-text-gradient{color:var(--pf-primary-400);background:none}}.pf-shadow-glow{box-shadow:var(--pf-shadow-glow)}.pf-transition{transition:all var(--pf-transition-normal)}@media (max-width: 768px){.pf-card{padding:var(--pf-space-md)}.pf-btn{padding:var(--pf-space-sm) var(--pf-space-md);font-size:.875rem;min-height:44px}.pf-glass-card{padding:var(--pf-space-md)}}.pf-btn:focus-visible,.pf-input:focus-visible,a:focus-visible{outline:2px solid var(--pf-primary-500);outline-offset:2px;border-radius:var(--pf-radius-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.pf-glass{background:var(--pf-gray-800);border:2px solid var(--pf-gray-600)}.pf-text-gradient{color:var(--pf-primary-300);background:none}}.pf-theme-toggle{@apply pf-btn-ghost;width:40px;height:40px;padding:0;border-radius:var(--pf-radius-full)}.pf-theme-toggle:hover{background:var(--pf-glass-bg);backdrop-filter:var(--pf-glass-backdrop)}