@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--color-primary:#111;--color-primary-light:#444;--color-primary-dark:#000;--color-secondary:#555;--color-secondary-light:#777;--color-secondary-dark:#333;--color-accent-purple:#6b6b7b;--color-accent-pink:#888898;--color-accent-blue:#5a5a6e;--color-accent-green:#4a6a4a;--color-accent-orange:#6a5a4a;--color-accent-yellow:#8a8a6a;--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f5f5f7;--color-bg-elevated:#ededef;--color-bg-card:#ffffffeb;--glass-bg:#ffffffa6;--glass-border:#00000014;--glass-shadow:0 8px 32px #0000000f;--color-text-primary:#0a0a0a;--color-text-secondary:#0000008c;--color-text-tertiary:#00000061;--color-text-muted:#00000038;--gradient-primary:linear-gradient(135deg,#1a1a2e 0%,#000 100%);--gradient-secondary:linear-gradient(135deg,#333 0%,#111 100%);--gradient-accent:linear-gradient(135deg,#2a2a3e 0%,#0a0a1a 100%);--gradient-dark:linear-gradient(180deg,#fafafa 0%,#fff 100%);--gradient-glow:radial-gradient(circle at 50% 50%,#00000008 0%,transparent 70%);--gradient-mesh:radial-gradient(at 40% 20%,#c8c8dc2e 0px,transparent 50%),radial-gradient(at 80% 0%,#b4b4c81f 0px,transparent 50%),radial-gradient(at 0% 50%,#bebed224 0px,transparent 50%),radial-gradient(at 80% 50%,#d2d2e614 0px,transparent 50%),radial-gradient(at 0% 100%,#aaaabe1a 0px,transparent 50%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit","Inter",sans-serif;--font-mono:"Space Grotesk","JetBrains Mono",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;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--shadow-glow-primary:0 0 30px #0000001a;--shadow-glow-secondary:0 0 30px #00000012;--shadow-glow-accent:0 0 30px #00000014;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--bg-primary:var(--color-bg-primary);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-bg-tertiary);--bg-hover:#0000000a;--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-tertiary);--accent-primary:var(--color-primary);--border-color:#00000017}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-regular);color:var(--color-text-primary);background-color:var(--color-bg-primary);background-image:var(--gradient-mesh);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}a{color:var(--color-secondary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;line-height:1;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-primary)}.btn-primary:hover{box-shadow:var(--shadow-lg),0 0 40px #00000026;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#0000000a;border-color:#00000026}.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-accent)}.btn-accent:hover{box-shadow:var(--shadow-lg),0 0 40px #00000026;transform:translateY(-2px)}.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);border-radius:var(--radius-md)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.input,.textarea{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.input:focus,.textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00000014}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:120px}.card{background:var(--color-bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.container{width:100%;max-width:1400px;padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #0000001a}50%{box-shadow:0 0 40px #0000002e}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:.3s forwards fadeIn}.animate-slideUp{animation:.4s forwards slideUp}.animate-slideIn{animation:.4s forwards slideIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-glow{animation:2s ease-in-out infinite glow}.animate-float{animation:3s ease-in-out infinite float}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)0%,var(--color-bg-elevated)50%,var(--color-bg-tertiary)100%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;display:inline-flex}.badge-primary{color:var(--color-primary);background:#0000000f}.badge-secondary{color:var(--color-secondary);background:#0000000a}.badge-accent{color:var(--color-accent-purple);background:#0000000d}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);padding:var(--space-2)var(--space-3);font-size:var(--text-xs);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}.divider{background:var(--glass-border);height:1px;margin:var(--space-6)0}input[type=range]{appearance:none;background:var(--color-bg-elevated);border-radius:var(--radius-full);cursor:pointer;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gradient-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);box-shadow:var(--shadow-md);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{background:var(--gradient-primary);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);box-shadow:var(--shadow-md);border:none;border-radius:50%}input[type=color]{appearance:none;border-radius:var(--radius-lg);cursor:pointer;border:none;width:40px;height:40px;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius-md);border:none}select{appearance:none;width:100%;padding:var(--space-3)var(--space-4);padding-right:var(--space-10);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00000014}select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.form-group{margin-bottom:var(--space-4)}.icon-btn{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--color-text-primary);background:#0000000d;border-color:#00000026}.icon-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.panel{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6)}.panel-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.panel-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}@media (max-width:1024px){:root{--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.5rem}}@media (max-width:768px){:root{--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.375rem}.container{padding:0 var(--space-4)}}