@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#0a0a0f;--surface:#13131a;--surface-2:#1c1c28;--border:#ffffff14;--border-hover:#ffffff29;--text-primary:#f0f0ff;--text-secondary:#f0f0ff99;--text-muted:#f0f0ff59;--accent:#7c3aed;--accent-light:#a78bfa;--accent-2:#3b82f6;--success:#34d399;--error:#f87171;--warning:#fbbf24;--radius:10px;--radius-lg:16px;--shadow:0 4px 24px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%;overflow-x:hidden}body{background:var(--bg);width:100%;min-height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}a{color:var(--accent-light);text-decoration:none;transition:color .2s}a:hover{color:#fff}.page{flex:1;width:100%;max-width:100%;padding:40px 16px}.container{width:100%;max-width:1100px;margin:0 auto}h1{letter-spacing:-.5px;color:var(--text-primary);font-size:2rem;font-weight:800}h2{color:var(--text-primary);font-size:1.4rem;font-weight:700}h3{color:var(--text-primary);font-size:1.15rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:100%;padding:24px;overflow:hidden}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 0 #7c3aed00}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface);border-color:var(--border-hover)}.btn-lg{border-radius:var(--radius-lg);padding:13px 24px;font-size:1rem}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.select,.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);appearance:none;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.select:focus,.input:focus{border-color:var(--accent-light);outline:none}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:var(--surface);padding:48px 24px;transition:all .2s;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-light);background:#7c3aed0d}.upload-zone .icon{margin-bottom:12px;font-size:2.5rem;display:block}.upload-zone .title{margin-bottom:4px;font-size:1rem;font-weight:600}.upload-zone .subtitle{color:var(--text-secondary);font-size:.85rem}.alert{border-radius:var(--radius);padding:12px 16px;font-size:.9rem;line-height:1.5}.alert-success{color:var(--success);background:#34d3991a;border:1px solid #34d3994d}.alert-error{color:var(--error);background:#f871711a;border:1px solid #f871714d}.alert-warning{color:var(--warning);background:#fbbf241a;border:1px solid #fbbf244d}.alert-info{color:var(--accent-light);background:#6366f11f;border:1px solid #6366f14d}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:32px;height:32px;display:block}@keyframes spin{to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.dashboard-panels{grid-template-columns:1fr 1fr;gap:24px;max-width:100%;display:grid}.dashboard-panels>div{min-width:0}@media (max-width:800px){.dashboard-panels{grid-template-columns:1fr}}@media (max-width:600px){.table-wrapper{overflow-x:auto}.table-wrapper table{min-width:0}th,td{padding:10px;font-size:.8rem}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.1}.stat-value.accent{background:linear-gradient(135deg, var(--accent-light), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:100%;margin-bottom:10px;padding:16px;transition:border-color .2s;position:relative}.job-card:hover{border-color:var(--border-hover)}.job-card:last-child{margin-bottom:0}.job-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:.95rem;font-weight:600;overflow:hidden}.job-meta{color:var(--text-muted);font-size:.8rem}.job-info{flex:1;min-width:0;overflow:hidden}.status-badge{border-radius:99px;flex-shrink:0;margin-left:8px;padding:3px 10px;font-size:.75rem;font-weight:700}.status-badge.done{color:var(--success);background:#34d39926}.status-badge.processing{color:var(--warning);background:#fbbf2426}.status-badge.failed{color:var(--error);background:#f8717126}.status-badge.pending{color:var(--text-secondary);background:#ffffff14}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}table{border-collapse:collapse;table-layout:fixed;width:100%}thead{background:var(--surface-2)}th,td{text-align:left;border-bottom:1px solid var(--border);word-break:break-word;overflow-wrap:break-word;padding:12px 16px;font-size:.9rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}td{color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff05}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:800px){.pricing-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:16px;margin:0 -20px;padding:16px 20px;display:flex;overflow-x:auto}.pricing-grid::-webkit-scrollbar{display:none}.pricing-grid>.pricing-card{scroll-snap-align:center;flex:0 0 85%;min-width:0}}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:28px 24px;transition:border-color .2s,transform .2s;display:flex;position:relative}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}.pricing-card.popular{border-color:var(--accent);box-shadow:0 0 32px #7c3aed40}.popular-badge{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;white-space:nowrap;border-radius:99px;padding:3px 14px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.credits-amount{color:var(--accent-light);font-size:1.5rem;font-weight:800}.price{color:var(--text-primary);align-items:baseline;gap:4px;font-size:2rem;font-weight:800;display:flex}.price .currency{color:var(--text-secondary);font-size:1rem}.description{color:var(--text-secondary);flex:1;font-size:.88rem}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:none}@media (max-width:800px){.carousel-dots{display:flex}}.carousel-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.carousel-dot.active{background:var(--accent-light);border-radius:4px;width:24px}.nav-links-desktop{gap:.25rem;display:flex}.hamburger-btn{display:none!important}@media (max-width:768px){.nav-links-desktop,.auth-desktop{display:none!important}.hamburger-btn{display:flex!important}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pricing-title{margin-bottom:12px;font-size:2.5rem}@media (max-width:600px){.pricing-title{margin-bottom:8px;font-size:1.8rem}}@media (max-width:700px){.page{padding:24px 12px}h1{font-size:1.5rem}}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.features-grid{grid-template-columns:1fr!important}}