:root{--bg-primary: #ffffff;--bg-secondary: #f3f6fc;--text-primary: #0f172a;--text-secondary: #475569;--border-color: #e2e8f0;--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-hover: linear-gradient(135deg, #4338ca 0%, #6d28d9 100%);--success-50: #f0fdf4;--success-500: #10b981;--success-600: #059669;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 25px 30px -5px rgb(0 0 0 / .1), 0 10px 15px -7px rgb(0 0 0 / .05);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .06);--spacing-container: 2rem;--max-width: 80rem;--radius-xl: 1rem;--radius-2xl: 1.5rem}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);margin:0;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--border-color)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-container)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.hidden{display:none}.block{display:block}.grid{display:grid}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1 / span 1}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}h1{font-size:2.25rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}h2{font-size:1.875rem;font-weight:700;margin-bottom:1rem}h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:inherit;text-decoration:none}@media(min-width:640px){h1{font-size:3.75rem}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-primary-600{color:var(--primary-600)}.text-secondary{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.btn-primary:hover:not(:disabled){background:var(--gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:disabled{background-color:#cbd5e1;cursor:not-allowed}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--primary-600);background-color:var(--bg-secondary)}.btn-icon{padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-secondary)}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-primary)}header{position:sticky;top:0;z-index:50;background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-link{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color .15s}.nav-link:hover{color:var(--primary-600)}.drop-zone{position:relative;border:2px dashed var(--border-color);border-radius:1.5rem;padding:1.5rem 1rem;text-align:center;overflow:hidden;background-color:var(--bg-primary);transition:all .3s ease;cursor:pointer}.drop-zone:hover{border-color:var(--primary-500);background-color:var(--bg-secondary)}.drop-zone.active{border-color:var(--primary-500);background-color:var(--primary-50);transform:scale(1.01);box-shadow:var(--shadow-lg)}.file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.file-item:hover{box-shadow:var(--shadow-md)}.progress-container{height:.625rem;width:100%;background-color:var(--bg-secondary);border-radius:9999px;overflow:hidden;margin-top:.5rem;box-shadow:inset 0 1px 2px #0000000d}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:9999px;transition:width .3s ease-out;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem;animation:progress-stripe 1s linear infinite}.status-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.status-pending{background-color:var(--bg-secondary);color:var(--text-secondary)}.status-processing{background-color:var(--primary-50);color:var(--primary-600)}.status-completed{background-color:var(--success-50);color:var(--success-500)}.status-error{background-color:var(--error-50);color:var(--error-600)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 15px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes progress-stripe{0%{background-position:1rem 0}to{background-position:0 0}}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 3s linear infinite}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.glass{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-md)}.bg-gradient-hero{background:radial-gradient(circle at 50% 0%,var(--primary-50) 0%,var(--bg-primary) 70%)}.feature-card{padding:1.5rem;background-color:var(--bg-primary);border-radius:1rem;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary-100)}.faq-card{background-color:var(--bg-primary);border-radius:1rem;padding:2rem;border:1px solid var(--border-color);transition:all .3s}.faq-card:hover{border-color:var(--primary-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}