:root{--bg-primary:#08080a;--bg-secondary:#111114;--bg-tertiary:#17171c;--border-color:#222226;--border-color-glow:#383842;--accent-orange:#ff5d22;--accent-orange-light:#ff7c4d;--accent-orange-gradient:linear-gradient(135deg, #ff4500, #ff8c00);--accent-blue:#0052ff;--accent-blue-gradient:linear-gradient(135deg, #0052ff, #00c6ff);--accent-purple:#7c3edd;--accent-purple-gradient:linear-gradient(135deg, #7c3edd, #d946ef);--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--card-radius:16px;--button-radius:12px;--glow-orange:0 0 20px #ff5d2259;--glow-blue:0 0 20px #0052ff59;--glow-purple:0 0 20px #7c3edd59;--card-shadow:0 10px 30px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}.light-theme{--bg-primary:#f6f7fa;--bg-secondary:#fff;--bg-tertiary:#eff1f5;--border-color:#e5e7eb;--border-color-glow:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--card-shadow:0 10px 30px #0000000d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-primary);color:var(--text-primary)}body,nav,header,section,footer,div,h1,h2,h3,h4,h5,h6,p,button,a,span,input,select{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);min-height:100vh;margin:0;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.container{max-width:1280px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:700;line-height:1.25}.gradient-text{background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-orange-text{background:var(--accent-orange-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-blue-text{background:var(--accent-blue-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-purple-text{background:var(--accent-purple-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.bg-checkered{background-color:#0f0f12;background-image:linear-gradient(45deg,#1b1b22 25%,#0000 25%),linear-gradient(-45deg,#1b1b22 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1b1b22 75%),linear-gradient(-45deg,#0000 75%,#1b1b22 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.light-theme .bg-checkered{background-color:#f3f4f6;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%)}.card-glass{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-glass:hover{border-color:var(--border-color-glow);transform:translateY(-4px)}.card-glow-orange{position:relative}.card-glow-orange:before{content:"";background:var(--accent-orange-gradient);border-radius:var(--card-radius);z-index:-1;opacity:.15;transition:opacity .3s;position:absolute;inset:-1px}.card-glow-orange:hover:before{opacity:.4}.card-glow-blue{position:relative}.card-glow-blue:before{content:"";background:var(--accent-blue-gradient);border-radius:var(--card-radius);z-index:-1;opacity:.15;transition:opacity .3s;position:absolute;inset:-1px}.card-glow-blue:hover:before{opacity:.4}.card-glow-purple{position:relative}.card-glow-purple:before{content:"";background:var(--accent-purple-gradient);border-radius:var(--card-radius);z-index:-1;opacity:.15;transition:opacity .3s;position:absolute;inset:-1px}.card-glow-purple:hover:before{opacity:.4}.btn{border-radius:var(--button-radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-orange-gradient);color:#fff}.btn-primary:hover{box-shadow:var(--glow-orange);transform:translateY(-1px)}.btn-blue{background:var(--accent-blue);color:#fff}.btn-blue:hover{box-shadow:var(--glow-blue);background:#1a62ff;transform:translateY(-1px)}.btn-orange{background:var(--accent-orange-gradient);color:#fff}.btn-orange:hover{box-shadow:var(--glow-orange);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color);border-color:var(--border-color-glow)}.slider-container{aspect-ratio:16/10;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;width:100%;box-shadow:var(--card-shadow);border-radius:12px;position:relative;overflow:hidden}.slider-img{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.slider-handle{cursor:ew-resize;z-index:10;background:#fff;width:4px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #00000080}.slider-button{border:2px solid var(--accent-purple);color:#121214;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.dropzone-container{border:2px dashed var(--border-color-glow);background-color:var(--bg-secondary);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:32px;transition:all .3s;display:flex}.dropzone-container:hover{border-color:var(--accent-purple);background-color:#7c3edd08}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #7c3edd26}50%{box-shadow:0 0 25px #7c3edd59}}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}