@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--color-bg-deep:#0a0a0f;--color-bg-surface:#12121a;--color-bg-elevated:#1a1a2e;--color-bg-glass:#ffffff0a;--color-glass-border:#ffffff14;--color-glass-border-hover:#ffffff26;--color-primary:#6c5ce7;--color-primary-light:#a29bfe;--color-primary-glow:#6c5ce74d;--color-secondary:#00cec9;--color-secondary-glow:#00cec94d;--color-accent:#fd79a8;--color-accent-glow:#fd79a84d;--color-success:#00b894;--color-warning:#fdcb6e;--color-error:#d63031;--color-info:#74b9ff;--color-text-primary:#f5f6fa;--color-text-secondary:#a4a4b8;--color-text-muted:#636380;--color-text-inverse:#0a0a0f;--gradient-primary:linear-gradient(135deg,#6c5ce7 0%,#a29bfe 100%);--gradient-secondary:linear-gradient(135deg,#00cec9 0%,#55efc4 100%);--gradient-accent:linear-gradient(135deg,#fd79a8 0%,#fab1a0 100%);--gradient-dark:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%);--gradient-hero:linear-gradient(135deg,#6c5ce726 0%,#00cec91a 50%,#fd79a81a 100%);--gradient-card:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);--font-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-xl:0 20px 25px #0009;--shadow-glow-primary:0 0 40px #6c5ce733;--shadow-glow-secondary:0 0 40px #00cec933;--shadow-glow-accent:0 0 40px #fd79a833;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.175,.885,.32,1.275);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-modal:30;--z-toast:40;--z-tooltip:50}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-deep);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{background-color:var(--color-primary);color:var(--color-text-primary)}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);font-weight:700;line-height:1.2}.glass-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--color-glass-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{box-shadow:0 0 60px #6c5ce759}.btn-secondary{background:var(--gradient-secondary);color:var(--color-text-inverse);box-shadow:var(--shadow-glow-secondary)}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow-accent)}.btn-ghost{color:var(--color-text-primary);border:1px solid var(--color-glass-border);background:0 0}.btn-ghost:hover{background:var(--color-bg-glass);border-color:var(--color-glass-border-hover)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs)}.input-field{width:100%;padding:var(--space-3)var(--space-4);background:var(--color-bg-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary-glow);color:var(--color-primary-light);border:1px solid #6c5ce74d}.badge-secondary{background:var(--color-secondary-glow);color:var(--color-secondary);border:1px solid #00cec94d}.badge-accent{background:var(--color-accent-glow);color:var(--color-accent);border:1px solid #fd79a84d}.badge-success{color:var(--color-success);background:#00b89426;border:1px solid #00b8944d}.nav{z-index:var(--z-sticky);padding:var(--space-4)var(--space-8);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-glass-border);background:#0a0a0fcc;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-size:var(--text-xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.nav-links{align-items:center;gap:var(--space-6);list-style:none;display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);cursor:pointer;font-weight:500}.nav-link:hover{color:var(--color-text-primary)}.nav-link.active{color:var(--color-primary-light)}.hero{text-align:center;min-height:100vh;padding:var(--space-20)var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-hero);z-index:-1;position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.hero-title{font-size:var(--text-7xl);margin-bottom:var(--space-6);max-width:900px;font-weight:900;line-height:1.05}.hero-title .gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-10);line-height:1.6}.stats-bar{gap:var(--space-8);padding:var(--space-6)var(--space-10);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-2xl);margin-top:var(--space-12);display:flex}.stat-item{text-align:center}.stat-value{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-mono);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-1)}.urgency-banner{background:linear-gradient(90deg,var(--color-error),var(--color-accent));padding:var(--space-3)var(--space-6);text-align:center;font-size:var(--text-sm);color:#fff;font-weight:600;animation:3s ease-in-out infinite pulse-bg}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.85}}.section{padding:var(--space-20)var(--space-8);max-width:1200px;margin:0 auto}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);font-weight:800}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-12);max-width:600px}.design-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.design-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.design-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-4px)}.design-card-image{object-fit:cover;border-bottom:1px solid var(--color-glass-border);width:100%;height:200px}.design-card-body{padding:var(--space-5)}.design-card-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.design-card-artist{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.design-card-price{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--color-secondary);font-weight:700}.artifact-list{gap:var(--space-3);flex-direction:column;display:flex}.artifact-item{padding:var(--space-3)var(--space-4);background:var(--color-bg-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.artifact-item:hover{border-color:var(--color-secondary);background:#00cec90d}.artifact-name{font-weight:600;font-size:var(--text-sm)}.artifact-price{font-family:var(--font-mono);color:var(--color-secondary);font-weight:700;font-size:var(--text-sm)}.live-feed{gap:var(--space-2);flex-direction:column;max-height:500px;display:flex;overflow-y:auto}.live-feed-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-bg-glass);border-radius:var(--radius-md);border-left:3px solid var(--color-primary);animation:.3s slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.live-feed-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-feed-content{flex:1}.live-feed-text{font-size:var(--text-sm);color:var(--color-text-primary)}.live-feed-time{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.agent-chat{gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-glass-border);flex-direction:column;max-height:600px;display:flex;overflow-y:auto}.agent-message{gap:var(--space-3);max-width:80%;animation:message-in .4s var(--transition-spring);display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.agent-message.client{flex-direction:row-reverse;align-self:flex-end}.agent-message.artist{align-self:flex-start}.agent-avatar{width:36px;height:36px;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.agent-avatar.client{background:var(--gradient-primary)}.agent-avatar.artist{background:var(--gradient-secondary);color:var(--color-text-inverse)}.agent-bubble{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5}.agent-bubble.client{background:#6c5ce726;border:1px solid #6c5ce74d}.agent-bubble.artist{background:#00cec926;border:1px solid #00cec94d}.dashboard-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.widget{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.widget-title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.widget-value{font-size:var(--text-3xl);font-weight:800;font-family:var(--font-mono)}.skeleton{background:linear-gradient(90deg,var(--color-bg-surface)25%,var(--color-bg-elevated)50%,var(--color-bg-surface)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);padding:var(--space-4)var(--space-6);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-glass-border);max-width:400px;animation:.3s toast-in;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{background:#00b89426;border-color:#00b8944d}.toast-error{background:#d6303126;border-color:#d630314d}.cta-split{gap:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.stats-bar{gap:var(--space-4);padding:var(--space-4)var(--space-6);flex-direction:column}.design-grid{grid-template-columns:1fr}.nav{padding:var(--space-3)var(--space-4)}.section{padding:var(--space-12)var(--space-4)}.agent-message{max-width:95%}}@media (max-width:480px){.hero-title{font-size:var(--text-3xl)}.cta-split{flex-direction:column;align-items:stretch}}