:root{--phoo-bg-primary:#0a0a0f;--phoo-bg-surface:#111118;--phoo-bg-elevated:#1a1a24;--phoo-bg-hover:#22222e;--phoo-text-primary:rgba(255,255,255,0.95);--phoo-text-secondary:rgba(255,255,255,0.65);--phoo-text-muted:rgba(255,255,255,0.4);--phoo-text-disabled:rgba(255,255,255,0.25);--phoo-accent:#8b5cf6;--phoo-accent-hover:#a78bfa;--phoo-accent-muted:rgba(139,92,246,0.15);--phoo-accent-glow:rgba(139,92,246,0.4);--phoo-success:#10b981;--phoo-success-muted:rgba(16,185,129,0.15);--phoo-warning:#f59e0b;--phoo-warning-muted:rgba(245,158,11,0.15);--phoo-error:#ef4444;--phoo-error-muted:rgba(239,68,68,0.15);--phoo-info:#3b82f6;--phoo-info-muted:rgba(59,130,246,0.15);--phoo-border:rgba(255,255,255,0.08);--phoo-border-hover:rgba(255,255,255,0.15);--phoo-border-accent:rgba(139,92,246,0.4);--phoo-gradient-primary:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#4f46e5);--phoo-gradient-surface:linear-gradient(180deg,rgba(139,92,246,0.08),transparent);--phoo-gradient-hero:linear-gradient(180deg,rgba(139,92,246,0.15),transparent 40%);--phoo-shadow-sm:0 1px 2px rgba(0,0,0,0.4);--phoo-shadow-md:0 4px 12px rgba(0,0,0,0.4);--phoo-shadow-lg:0 8px 24px rgba(0,0,0,0.5);--phoo-shadow-glow:0 0 20px rgba(139,92,246,0.25);--phoo-blur:blur(12px);--phoo-space-xs:4px;--phoo-space-sm:8px;--phoo-space-md:16px;--phoo-space-lg:24px;--phoo-space-xl:32px;--phoo-space-2xl:48px;--phoo-radius-sm:6px;--phoo-radius-md:12px;--phoo-radius-lg:16px;--phoo-radius-full:9999px;--phoo-font-display:"Poppins",sans-serif;--phoo-font-body:"Inter",sans-serif}.phoo-glass{background:rgba(17,17,24,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--phoo-border);border-radius:var(--phoo-radius-md)}.phoo-glass-hover:hover{background:rgba(26,26,36,.9);border-color:var(--phoo-border-hover)}.phoo-surface{background:var(--phoo-bg-surface)}.phoo-elevated,.phoo-surface{border:1px solid var(--phoo-border);border-radius:var(--phoo-radius-md)}.phoo-elevated{background:var(--phoo-bg-elevated);box-shadow:var(--phoo-shadow-md)}.phoo-focus{border-color:var(--phoo-border-accent);box-shadow:0 0 0 2px var(--phoo-accent-muted)}.phoo-text-primary{color:var(--phoo-text-primary)}.phoo-text-secondary{color:var(--phoo-text-secondary)}.phoo-text-muted{color:var(--phoo-text-muted)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--phoo-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--phoo-bg-primary);color:var(--phoo-text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}