*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #512bd4;--primary-dark: #3b1e99;--primary-light: #7c5ce6;--secondary: #0078d4;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1e293b;--gray-800: #334155;--gray-700: #475569;--gray-600: #64748b;--gray-500: #94a3b8;--gray-400: #cbd5e1;--gray-300: #e2e8f0;--gray-200: #f1f5f9;--gray-100: #f8fafc;--white: #ffffff;--code-bg: #282c34;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1);--radius: 8px;--radius-lg: 12px}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--dark);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.03"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>') repeat;pointer-events:none;z-index:0}#root{position:relative;z-index:1}