body{margin:0;font-family:Segoe UI,system-ui,sans-serif;transition:all .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 45%,var(--primary) 45%,var(--primary) 55%,transparent 55%),linear-gradient(-135deg,transparent 45%,var(--primary) 45%,var(--primary) 55%,transparent 55%);background-size:100px 100px;opacity:.05;z-index:-1;pointer-events:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.error-fallback{padding:2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--error-bg, #fff5f5);color:var(--error-text, #c53030)}.error-fallback p{margin-bottom:2rem;max-width:600px}.error-fallback button{padding:.75rem 1.5rem;font-size:1rem;background-color:var(--primary, #4299e1);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}:root{--primary: #FFD700;--secondary: #000000;--accent: #FF4500;--text: #FFFFFF;--text-secondary: #CCCCCC;--bg-light: #f5f5f5;--text-light: #333333}.app{min-height:100vh;transition:all .3s ease}.app.dark{background-color:var(--secondary);color:var(--text)}.app.light{background-color:var(--bg-light);color:var(--text-light)}.main-content{display:flex;min-height:calc(100vh - 120px)}.content-area{flex:1;padding:2rem}.edge-decoration{position:absolute;width:100%;height:20px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.3}.edge-decoration.top{top:0}.edge-decoration.bottom{bottom:0}.main-content{display:flex;min-height:100vh;position:relative;z-index:1}.content-area{flex:1;padding:2rem;position:relative}@media (max-width: 768px){.main-content{flex-direction:column}.content-area{padding:1rem}}:root{--primary: #FFD700;--secondary: #000000;--accent: #FF4500;--text: #FFFFFF;--text-secondary: #CCCCCC;--success: #4CAF50;--warning: #FFC107;--error: #F44336}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #f0f0f0;--border-color: #444444;--hover-bg: #2a2a2a;--card-bg: rgba(0, 0, 0, .5);--input-bg: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-color: #ffffff;--text-color: #333333;--border-color: #e0e0e0;--hover-bg: #f5f5f5;--card-bg: rgba(255, 255, 255, .9);--input-bg: rgba(0, 0, 0, .05)}body,.left-nav,.portfolio-item,.portfolio-pricing{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.error-fallback{padding:2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background-color:var(--error-bg);color:var(--error-text)}.error-fallback h1{font-size:2rem;margin-bottom:1rem}.error-fallback p{margin-bottom:2rem}.error-fallback button{padding:.75rem 1.5rem;font-size:1rem;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}.error-fallback button:hover{opacity:.9}