:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #10b981;--color-secondary-hover: #059669;--color-secondary-light: #d1fae5;--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-accent-light: #fef3c7;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-background: #ffffff;--color-surface: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-error: #ef4444;--color-error-light: #fef2f2;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--font-family-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--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;--space-32: 8rem;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--header-height: 4rem;--container-max-width: 1200px;--container-padding: var(--space-4)}@media (min-width: 768px){:root{--font-size-3xl: 2.25rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--font-size-6xl: 4.5rem;--container-padding: var(--space-6)}}@media (min-width: 1024px){:root{--container-padding: var(--space-8)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;white-space:nowrap}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--space-3) var(--space-6)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-50);border-color:var(--color-neutral-300)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.inline-flex{display:inline-flex}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.inline-grid{display:inline-grid}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-6{grid-column:span 6 / span 6}.col-span-full{grid-column:1 / -1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-12{padding-top:var(--space-12)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-12{padding-bottom:var(--space-12)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.header{position:sticky;top:0;z-index:1000;background-color:#fff;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease-in-out}.header-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.logo{display:flex;align-items:center}.logo-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;color:#2563eb;text-decoration:none;letter-spacing:-.025em}.nav{display:flex;align-items:center;gap:2rem}.nav-link{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;padding:.5rem 0;transition:color .2s ease-in-out;position:relative}.nav-link:hover{color:#2563eb}.nav-link:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px}.nav-link.cta-button{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:600;transition:all .2s ease-in-out}.nav-link.cta-button:hover{background-color:#1d4ed8;color:#fff;box-shadow:0 4px 12px #2563eb26;transform:translateY(-1px)}.nav-link.cta-button:focus{outline:2px solid #2563eb;outline-offset:2px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease-in-out}.menu-toggle:hover{background-color:#f3f4f6}.menu-toggle:focus{outline:2px solid #2563eb;outline-offset:2px}.hamburger{display:flex;flex-direction:column;width:1.5rem;height:1.125rem;justify-content:space-between}.hamburger span{display:block;height:2px;width:100%;background-color:#6b7280;border-radius:1px;transition:all .2s ease-in-out;transform-origin:center}.hamburger-open span:nth-child(1){transform:rotate(45deg) translate(.375rem,.375rem)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(.375rem,-.375rem)}@media (max-width: 1024px){.header-container{padding:0 1.5rem}.nav{gap:1.5rem}}@media (max-width: 768px){.header-container{padding:0 1rem;height:3.5rem}.logo-text{font-size:1.25rem}.menu-toggle{display:block}.nav{position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 4px 12px #00000026;flex-direction:column;gap:0;padding:1rem 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .2s ease-in-out;z-index:999}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:.75rem 1rem;font-size:1rem;border-bottom:1px solid #f3f4f6;width:100%;text-align:left}.nav-link:last-child{border-bottom:none}.nav-link.cta-button{margin:.5rem 1rem;width:calc(100% - 2rem);text-align:center;border-bottom:none}}@media (min-width: 769px){.menu-toggle{display:none!important}.nav{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;background:transparent!important;box-shadow:none!important;flex-direction:row!important;padding:0!important}}@media (max-width: 480px){.header-container{padding:0 .75rem}.logo-text{font-size:1.125rem}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: no-preference){.nav-link{transition:all .2s ease-in-out}}@media (prefers-reduced-motion: reduce){.nav-link,.hamburger span,.nav{transition:none}html{scroll-behavior:auto}}.hero{background:linear-gradient(135deg,#f9fafb,#fff);padding:3rem 1rem;text-align:center;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto}.hero-content{max-width:800px;margin:0 auto}.hero-headline{font-size:2rem;font-weight:700;line-height:1.2;color:#1f2937;margin-bottom:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.hero-subheading{font-size:1.125rem;line-height:1.6;color:#6b7280;margin-bottom:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.hero-cta-button{background-color:#2563eb;color:#fff;border:none;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;margin-bottom:2.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 4px 12px #2563eb33}.hero-cta-button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.hero-cta-button:active{transform:translateY(0);box-shadow:0 4px 12px #2563eb33}.hero-cta-button:focus{outline:2px solid #2563eb;outline-offset:2px}.hero-trust-indicators{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.trust-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#fffc;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.trust-icon{font-size:1.25rem}.trust-text{font-size:.875rem;font-weight:500;color:#374151;font-family:Inter,system-ui,-apple-system,sans-serif}@media (min-width: 768px){.hero{padding:4rem 2rem}.hero-headline{font-size:2.5rem}.hero-subheading{font-size:1.25rem}.hero-cta-button{font-size:1.25rem;padding:1.25rem 2.5rem}.hero-trust-indicators{gap:2rem}.trust-indicator{padding:1rem 1.5rem}.trust-text{font-size:1rem}}@media (min-width: 1024px){.hero{padding:5rem 2rem}.hero-headline{font-size:3.5rem;margin-bottom:1.5rem}.hero-subheading{font-size:1.375rem;margin-bottom:2.5rem}.hero-cta-button{font-size:1.375rem;padding:1.5rem 3rem;margin-bottom:3rem}.hero-trust-indicators{gap:2.5rem}}@media (prefers-reduced-motion: reduce){.hero-cta-button{transition:none}.hero-cta-button:hover{transform:none}}@media (prefers-contrast: high){.hero-headline{color:#000}.hero-subheading{color:#333}.trust-indicator{border:2px solid #333333}}.features-section{padding:3rem 1rem;background-color:#f9fafb}.features-container{max-width:1280px;margin:0 auto}.features-header{text-align:center;margin-bottom:3rem}.features-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2}.features-subtitle{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem 1.5rem;text-align:center;transition:all .2s ease-in-out;border:1px solid #e5e7eb}.feature-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:block;line-height:1}.feature-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.3}.feature-description{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;color:#6b7280;line-height:1.6;margin:0}@media (min-width: 768px){.features-section{padding:4rem 1.5rem}.features-title{font-size:2.25rem}.features-subtitle{font-size:1.25rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{padding:2.5rem 2rem}.feature-icon{font-size:3.5rem}.feature-title{font-size:1.375rem}.feature-description{font-size:1.0625rem}}@media (min-width: 1024px){.features-section{padding:5rem 2rem}.features-header{margin-bottom:4rem}.features-title{font-size:2.5rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.feature-card{padding:3rem 2rem}.feature-icon{font-size:4rem;margin-bottom:2rem}.feature-title{font-size:1.5rem;margin-bottom:1.25rem}.feature-description{font-size:1.125rem}}@media (min-width: 1280px){.features-section{padding:6rem 2rem}.features-grid{gap:3rem}.feature-card{padding:3.5rem 2.5rem}}@media (prefers-reduced-motion: reduce){.feature-card{transition:none}.feature-card:hover{transform:none}}.feature-card{position:relative}.feature-card:focus,.feature-card:focus-within{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 4px #2563eb1a}.feature-focus-indicator{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:10px;pointer-events:none;transition:border-color .2s ease-in-out}.feature-card:focus .feature-focus-indicator{border-color:#2563eb}.feature-card[tabindex]:focus{cursor:pointer}.feature-card[tabindex]:focus .feature-title{color:#2563eb}@media (prefers-contrast: high){.feature-card{border:2px solid #1f2937;background:#fff}.features-title{color:#000;font-weight:800}.feature-title{color:#000;font-weight:700}.feature-description{color:#1f2937;font-weight:500}.feature-card:focus,.feature-card:focus-within{outline:3px solid #000000;background:#ff0}.feature-card:focus .feature-title,.feature-card:focus .feature-description{color:#000}}.supported-formats-section{padding:3rem 1rem;background-color:#fff}.supported-formats-container{max-width:1280px;margin:0 auto}.supported-formats-content{text-align:center}.supported-formats-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.3}.supported-formats-text{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto;margin-bottom:2rem}.formats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.format-category{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease-in-out}.format-category:hover{box-shadow:0 4px 12px #0000001a}.format-category.expanded{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.category-header{width:100%;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:none;border:none;cursor:pointer;text-align:left;transition:background-color .2s ease-in-out}.category-header:hover{background-color:#f3f4f6}.category-header:focus{outline:2px solid #2563eb;outline-offset:-2px;background-color:#dbeafe}.category-icon{font-size:1.5rem;flex-shrink:0}.category-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;flex-grow:1}.category-count{font-size:.875rem;color:#6b7280;font-weight:500}.expand-indicator{font-size:1.25rem;font-weight:600;color:#2563eb;width:24px;text-align:center;flex-shrink:0}.format-details{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.format-category.expanded .format-details{max-height:800px}.format-list{list-style:none;margin:0;padding:0 1.5rem 1.5rem}.format-item{padding:.75rem 0;border-bottom:1px solid #e5e7eb}.format-item:last-child{border-bottom:none}.format-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.format-extension{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;font-weight:600;color:#2563eb;background:#dbeafe;padding:.25rem .5rem;border-radius:4px;min-width:60px;text-align:center}.format-description{flex-grow:1;font-size:.875rem;color:#374151;min-width:200px}.format-size{font-size:.75rem;color:#6b7280;font-weight:500;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.formats-summary{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px;text-align:center}.formats-summary p{margin:.5rem 0;color:#374151}.formats-summary strong{color:#1f2937}.transcription-note{font-size:.875rem;color:#6b7280;font-style:italic}@media (min-width: 768px){.supported-formats-section{padding:4rem 1.5rem}.supported-formats-title{font-size:1.75rem}.supported-formats-text{font-size:1.125rem}}@media (min-width: 1024px){.supported-formats-section{padding:5rem 2rem}.supported-formats-title{font-size:2rem}.supported-formats-text{font-size:1.25rem}}@media (min-width: 1280px){.supported-formats-section{padding:6rem 2rem}}@media (min-width: 768px){.formats-grid{grid-template-columns:repeat(2,1fr)}}.category-header:focus-visible{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 4px #2563eb1a}@media (prefers-reduced-motion: reduce){.format-category,.category-header,.format-details,.format-category.expanded .format-details{transition:none}}@media (prefers-contrast: high){.supported-formats-title{color:#000;font-weight:800}.supported-formats-text{color:#1f2937;font-weight:500}.format-category{border:2px solid #000000;background:#fff}.format-category.expanded{border-color:#000;background:#ff0}.category-header:focus{background-color:#ff0;outline:3px solid #000000}.category-title{color:#000;font-weight:700}.format-extension{background:#000;color:#fff;border:1px solid #ffffff}.format-description{color:#000;font-weight:500}}.how-it-works-section{padding:3rem 1rem;background-color:#fff;position:relative}.how-it-works-container{max-width:1280px;margin:0 auto}.how-it-works-header{text-align:center;margin-bottom:3rem}.how-it-works-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2}.how-it-works-subtitle{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.steps-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.step-card{position:relative;background-color:#f9fafb;border-radius:12px;padding:2rem 1.5rem;border:1px solid #e5e7eb;transition:all .2s ease-in-out;z-index:1}.step-card:hover{background-color:#fff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);z-index:2}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #2563eb4d}.step-content{padding-top:1rem}.step-icon{font-size:2.5rem;margin-bottom:1rem;display:block;line-height:1}.step-title{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;line-height:1.3}.step-description{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;color:#6b7280;line-height:1.6;margin-bottom:1rem}.step-timeline{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;background-color:#2563eb1a;border-radius:6px;border-left:3px solid #2563eb}.timeline-label{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#374151}.timeline-value{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;color:#2563eb}.step-details{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;color:#9ca3af;font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.details-icon{font-size:1rem}.step-time{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:#10b981;font-weight:600;background-color:#10b9811a;padding:.5rem .75rem;border-radius:6px;margin-top:auto}.time-icon{font-size:1rem}.time-label{font-weight:500;color:#374151}.time-value{font-weight:700}.step-connector{display:none}.how-it-works-footer{text-align:center;padding:2rem 1rem;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.total-time{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.total-time-label{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:500;color:#374151}.total-time-value{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:700;color:#10b981;background-color:#10b9811a;padding:.25rem .75rem;border-radius:4px}.processing-note{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}@media (min-width: 768px){.how-it-works-section{padding:4rem 1.5rem}.how-it-works-title{font-size:2.25rem}.how-it-works-subtitle{font-size:1.25rem}.steps-container{gap:2.5rem}.step-card{padding:2.5rem 2rem}.step-number{width:56px;height:56px;font-size:1.125rem;top:-14px;left:50%;transform:translate(-50%)}.step-icon{font-size:3rem;margin-bottom:1.25rem}.step-title{font-size:1.375rem;margin-bottom:1rem}.step-description{font-size:1.0625rem;margin-bottom:1.25rem}.timeline-label,.timeline-value,.step-details{font-size:1rem}}@media (min-width: 1024px){.how-it-works-section{padding:5rem 2rem}.how-it-works-header{margin-bottom:4rem}.how-it-works-title{font-size:2.5rem}.steps-container{flex-direction:row;align-items:flex-start;gap:.75rem;margin-bottom:4rem;position:relative}.step-card{flex:1;padding:2.5rem 1.25rem 1.5rem;height:320px;display:flex;flex-direction:column;position:relative}.step-content{flex:1;display:flex;flex-direction:column;padding-bottom:0}.step-description{flex:1;margin-bottom:1.5rem}.step-details{margin-bottom:1rem}.step-time{position:absolute;bottom:2rem;left:1.25rem;right:1.25rem;margin:0}.step-number{width:64px;height:64px;font-size:1.25rem;top:-16px;left:50%;transform:translate(-50%)}.step-icon{font-size:3.5rem;margin-bottom:1.5rem;text-align:center}.step-title{font-size:1.5rem;margin-bottom:1.25rem;text-align:center}.step-description{font-size:1.125rem;text-align:center}.step-connector{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;right:-2rem;transform:translateY(-50%);z-index:100;width:4rem;height:2rem;pointer-events:none}.step-card:last-child .step-connector{display:none}.connector-line{width:2rem;height:2px;background:linear-gradient(90deg,#e5e7eb,#2563eb)}.connector-arrow{font-size:1.5rem;color:#2563eb;margin-left:-.25rem;font-weight:700;line-height:1}}@media (min-width: 1280px){.how-it-works-section{padding:6rem 2rem}.steps-container{gap:2rem}.step-card{padding:3.5rem 2.5rem 2rem}.step-time{left:2.5rem;right:2.5rem}.connector-line{width:3rem}.step-connector{right:-2.5rem}}@media (prefers-reduced-motion: reduce){.step-card{transition:none}.step-card:hover{transform:none}}.step-card:focus,.step-card:focus-within{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 4px #2563eb1a}.step-card[tabindex]:focus{cursor:pointer}.step-card[tabindex]:focus .step-title{color:#2563eb}@media (prefers-contrast: high){.step-card{border:2px solid #1f2937;background:#fff}.how-it-works-title{color:#000;font-weight:800}.step-title{color:#000;font-weight:700}.step-description{color:#1f2937;font-weight:500}.timeline-label{color:#000;font-weight:600}.step-number{background:#000;border:2px solid #ffffff}.step-card:focus,.step-card:focus-within{outline:3px solid #000000;background:#ff0}.step-card:focus .step-title,.step-card:focus .step-description{color:#000}.step-time{background-color:#000;color:#fff;border:1px solid #ffffff}.time-label{color:#fff}}.upload-form{padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;max-width:600px;margin:2rem auto;border:1px solid #e5e7eb;transition:box-shadow .3s ease-in-out}.upload-form:hover{box-shadow:0 8px 30px #0000001f,0 2px 6px #00000014}.upload-container{display:flex;flex-direction:column;gap:1.5rem}.upload-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0;text-align:center}.upload-description{font-size:1rem;color:#6b7280;margin:0;text-align:center;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:#374151;text-align:left;display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.required{color:#ef4444;font-weight:700}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{padding:1rem 3rem 1rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;width:100%;box-sizing:border-box;position:relative;overflow:hidden;letter-spacing:.025em;box-shadow:0 1px 3px #0000000d}.form-input:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.08),transparent);transition:left .6s ease-in-out;z-index:1}.form-input:hover{border-color:#9ca3af;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.form-input:hover:before{left:100%}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f,0 4px 12px #2563eb26;transform:translateY(-2px);background:#fefefe}.form-input.valid{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 2px 8px #10b9811a}.form-input.valid:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f,0 4px 12px #10b98126}.form-input.error{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 2px 8px #ef44441a;animation:inputShake .4s ease-in-out}.form-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f,0 4px 12px #ef444426}@keyframes inputShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-input::placeholder{color:#9ca3af;font-style:italic;font-weight:400}.input-icon{position:absolute;right:1rem;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;background:#ffffffe6;border-radius:50%;padding:.25rem;transition:all .2s ease-in-out}.input-icon.success{color:#10b981;animation:successPulse .6s ease-out}.input-icon.error{color:#ef4444;animation:errorPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes errorPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.field-error{font-size:.75rem;color:#ef4444;margin-top:.5rem;display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:8px;font-weight:500;line-height:1.4;animation:slideInDown .3s ease-out}.field-help{font-size:.75rem;color:#6b7280;margin-top:.5rem;line-height:1.4;padding:.5rem .75rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;font-weight:500}.drop-zone{border:2px dashed #d1d5db;border-radius:16px;padding:2rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.drop-zone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(37,99,235,.05) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease-in-out}.drop-zone:hover{border-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 20px #2563eb26;transform:translateY(-2px)}.drop-zone:hover:before{transform:translate(100%)}.drop-zone:focus-within{outline:2px solid #2563eb;outline-offset:2px}.drop-zone.drag-over,.drop-zone.drag-state-dragover{border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);transform:scale(1.02) translateY(-2px);box-shadow:0 12px 35px #2563eb40;border-style:solid;animation:dragPulse 1s ease-in-out infinite}.drop-zone.drag-state-dragover .upload-icon{color:#2563eb;animation:iconBounce .6s ease-in-out infinite alternate}.drop-zone.drag-state-dragover .drop-zone-title{color:#2563eb;font-weight:700}.drop-zone.drag-state-dragleave{border-color:#9ca3af;background:linear-gradient(135deg,#f9fafb,#f3f4f6);transform:scale(.98);transition:all .2s ease-out}.drop-zone.drag-state-drop{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);transform:scale(1.05);box-shadow:0 16px 40px #10b9814d;border-style:solid;animation:dropSuccess .3s ease-out}.drop-zone.drag-state-invalid{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);transform:scale(.98);box-shadow:0 4px 20px #ef444426;border-style:solid;animation:shake .5s ease-in-out}.drop-zone.drag-state-invalid .upload-icon{color:#ef4444;animation:errorPulse .8s ease-in-out infinite}.drop-zone.drag-state-invalid .drop-zone-title{color:#ef4444;font-weight:700}.drop-zone.has-file{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-style:solid;box-shadow:0 4px 20px #10b98126}@keyframes dragPulse{0%,to{box-shadow:0 12px 35px #2563eb40}50%{box-shadow:0 16px 45px #2563eb59}}@keyframes dropSuccess{0%{transform:scale(1.05)}50%{transform:scale(1.08)}to{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes iconBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.upload-icon{color:#6b7280;transition:color .2s ease-in-out}.drop-zone:hover .upload-icon,.drop-zone.drag-over .upload-icon{color:#2563eb}.drop-zone-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.drop-zone-subtitle{font-size:.875rem;color:#6b7280;margin:0}.browse-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;position:relative;overflow:hidden}.browse-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease-in-out}.browse-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.browse-button:hover:before{left:100%}.browse-button:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.supported-formats{font-size:.75rem;color:#6b7280;margin:0;line-height:1.4}.file-preview{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.file-icon{color:#10b981;flex-shrink:0}.file-info{flex:1;text-align:left}.file-name{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem;word-break:break-all}.file-size{font-size:.75rem;color:#6b7280;margin:0}.remove-file-button{background:none;border:none;color:#ef4444;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease-in-out;flex-shrink:0}.remove-file-button:hover{background:#fef2f2;color:#dc2626}.action-buttons{display:flex;justify-content:center}.primary-button{padding:.875rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.5rem;min-width:160px;justify-content:center;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease-in-out}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.primary-button:hover:not(:disabled):before{left:100%}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}.primary-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.primary-button:disabled:before{display:none}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.progress-container{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0;position:relative;overflow:hidden;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014}.progress-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.08),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-status{display:flex;align-items:center;gap:.5rem}.status-icon{display:flex;align-items:center;justify-content:center;color:#2563eb}.status-icon svg{animation:statusPulse 2s ease-in-out infinite}.progress-label{font-size:.875rem;font-weight:600;color:#374151}.progress-stats{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.progress-percentage{font-size:.875rem;font-weight:700;color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.375rem .75rem;border-radius:8px;border:1px solid #93c5fd;box-shadow:0 2px 4px #2563eb1a}.upload-speed{font-size:.75rem;font-weight:600;color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:.25rem .5rem;border-radius:6px;border:1px solid #a7f3d0;display:flex;align-items:center;gap:.25rem}.upload-speed:before{content:"⚡";font-size:.75rem}.time-remaining{font-size:.75rem;font-weight:600;color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:.25rem .5rem;border-radius:6px;border:1px solid #fcd34d;display:flex;align-items:center;gap:.25rem}.time-remaining:before{content:"⏱️";font-size:.75rem}.processing-details{margin-top:.5rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.processing-details p{margin:0;font-size:.75rem;color:#6b7280;line-height:1.4}.processing-details p:first-child{margin-bottom:.25rem;font-weight:500;color:#374151}.progress-bar{width:100%;height:10px;background:#e5e7eb;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0000001a}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:6px;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:fillShimmer 1.5s ease-in-out infinite}@keyframes fillShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill.uploading{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb4d}.progress-fill.processing{background:linear-gradient(135deg,#f59e0b,#d97706);animation:processingPulse 2s ease-in-out infinite;box-shadow:0 2px 8px #f59e0b4d}.progress-fill.complete{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;animation:completePulse .6s ease-out}.progress-fill.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;animation:errorShake .5s ease-in-out}@keyframes processingPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.95)}}@keyframes completePulse{0%{transform:scaleX(.8)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-message{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.875rem;animation:slideInDown .3s ease-out;box-shadow:0 4px 12px #ef444426}.error-content{display:flex;align-items:flex-start;gap:.5rem}.error-text{white-space:pre-line;line-height:1.5;flex:1}.error-actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.error-action-button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;gap:.25rem}.error-action-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.error-action-button.secondary{background:transparent;color:#dc2626;border:1px solid #dc2626}.error-action-button.secondary:hover{background:#dc2626;color:#fff}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;font-size:.875rem}@media (max-width: 768px){.upload-form{margin:1rem;padding:1.5rem}.upload-title{font-size:1.5rem}.drop-zone{padding:1.5rem;min-height:160px}.primary-button{width:100%}.file-preview{flex-direction:column;text-align:center;gap:.75rem}.file-info{text-align:center}}.footer{background-color:#1f2937;color:#f9fafb;margin-top:auto;font-family:Inter,system-ui,-apple-system,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:48px 16px 24px}.footer-content{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2;display:flex;align-items:center;gap:.5rem}.footer-description{color:#d1d5db;font-size:.875rem;line-height:1.5;margin:0;max-width:280px}.footer-heading{font-size:1rem;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.2}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-link{color:#d1d5db;text-decoration:none;font-size:.875rem;line-height:1.5;transition:color .2s ease-in-out;display:inline-flex;align-items:center;gap:.5rem}.footer-link:hover{color:#2563eb;text-decoration:underline}.footer-text{color:#d1d5db;font-size:.875rem;line-height:1.5;display:flex;align-items:center;gap:.5rem}.external-link-icon{font-size:.75rem;opacity:.7}.contact-icon{font-size:1rem;opacity:.8}.footer-contact{font-style:normal}.footer-bottom{border-top:1px solid #374151;padding-top:24px;text-align:center}.footer-copyright{color:#9ca3af;font-size:.875rem;margin:0;line-height:1.5;display:flex;flex-direction:column;gap:.5rem;align-items:center}.privacy-note{font-size:.75rem;opacity:.8}@media (min-width: 768px){.footer-container{padding:64px 24px 32px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-bottom{display:flex;justify-content:center;align-items:center}}@media (min-width: 1024px){.footer-container{padding:64px 32px 32px}.footer-content{gap:64px}.footer-description{max-width:320px}}.footer-link:focus{outline:2px solid #2563eb;outline-offset:2px;border-radius:4px;box-shadow:0 0 0 4px #2563eb1a;color:#60a5fa}@media (prefers-contrast: high){.footer{border-top:2px solid #ffffff;background-color:#000}.footer-title{color:#fff;font-weight:800}.footer-heading{color:#fff;font-weight:700}.footer-link{color:#fff;font-weight:500}.footer-link:hover{color:#ff0;background-color:#000;text-decoration:underline}.footer-link:focus{outline:3px solid #ffffff;background-color:#ff0;color:#000}.footer-text,.footer-description,.footer-copyright{color:#fff;font-weight:500}}#root{min-height:100vh;background-color:var(--color-background)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.hero-section,.features-section,.supported-formats-section,.how-it-works-section{width:100%}.upload-container{max-width:800px;margin:0 auto;width:100%}.upload-header{text-align:center;margin-bottom:var(--space-8)}.section-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.section-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px;margin:0 auto}@media (min-width: 768px){.section-heading{font-size:var(--font-size-3xl)}.upload-header{margin-bottom:var(--space-12)}}.file-upload-section{padding:var(--space-8) var(--container-padding);max-width:800px;margin:0 auto;width:100%}@media (min-width: 768px){.file-upload-section{padding:var(--space-12) var(--container-padding)}}@media (min-width: 1024px){.file-upload-section{padding:var(--space-16) var(--container-padding)}}.upload-message{margin-top:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-2)}.upload-message.success{color:var(--color-secondary);background-color:var(--color-success-light);border:1px solid var(--color-secondary)}.upload-message.error{color:var(--color-error);background-color:var(--color-error-light);border:1px solid var(--color-error)}@media (min-width: 768px){.upload-message{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-6)}}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-navigation{position:absolute;top:0;left:0;z-index:9999}.skip-link{position:absolute;top:-40px;left:6px;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);text-decoration:none;border-radius:var(--radius-base);z-index:10000;transition:top var(--transition-fast);font-weight:var(--font-weight-semibold);border:2px solid transparent;opacity:0;visibility:hidden;pointer-events:none}.skip-link:focus{top:6px;outline:2px solid #ffffff;outline-offset:2px;opacity:1;visibility:visible;pointer-events:auto}.skip-link:hover{background:var(--color-primary-hover);text-decoration:underline}.keyboard-navigation *:focus{outline:2px solid var(--color-primary)!important;outline-offset:2px!important;border-radius:var(--radius-sm)}.keyboard-navigation button:focus,.keyboard-navigation a:focus,.keyboard-navigation input:focus,.keyboard-navigation textarea:focus,.keyboard-navigation select:focus{box-shadow:0 0 0 3px #2563eb4d!important}@media (prefers-contrast: high){.skip-link{background:#000;color:#fff;border:2px solid #ffffff}.keyboard-navigation *:focus{outline:3px solid #000000!important;background:#ff0!important;color:#000!important}}@media (prefers-reduced-motion: reduce){.skip-link{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.feature-card:focus,.step-card:focus,.format-category:focus{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #2563eb1a}.feature-focus-indicator{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:var(--radius-md);pointer-events:none;transition:border-color var(--transition-fast)}.feature-card:focus .feature-focus-indicator{border-color:var(--color-primary)}@media print{.file-upload-section{padding:var(--space-4)}.upload-message{border:1px solid #000;background:transparent}}.error-boundary-app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.error-container{max-width:500px;text-align:center;background:#fff;padding:3rem 2rem;border-radius:12px;box-shadow:0 10px 25px #0000001a}.error-boundary-app .error-icon{color:#ef4444;margin-bottom:1.5rem}.error-boundary-app .error-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.error-boundary-app .error-description{color:#6b7280;margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.primary-button,.secondary-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;cursor:pointer;border:none}.primary-button{background:#2563eb;color:#fff}.primary-button:hover{background:#1d4ed8;transform:translateY(-1px)}.secondary-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.secondary-button:hover{background:#e5e7eb}.error-details{margin-top:2rem;text-align:left}.error-details summary{cursor:pointer;color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.error-stack{background:#f9fafb;padding:1rem;border-radius:6px;font-size:.75rem;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-component{padding:1.5rem;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;margin:1rem 0}.error-boundary-component .error-content{display:flex;align-items:flex-start;gap:1rem}.error-boundary-component .error-icon{color:#ef4444;flex-shrink:0}.error-boundary-component .error-text h3{color:#dc2626;font-size:1rem;font-weight:600;margin-bottom:.5rem}.error-boundary-component .error-text p{color:#7f1d1d;font-size:.875rem;line-height:1.5}.error-retry-button{margin-top:1rem;padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background .2s ease}.error-retry-button:hover{background:#b91c1c}.error-display{margin:1rem 0}.error-item{border-radius:8px;padding:1rem;margin-bottom:1rem;border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-critical{background:#fef2f2;border-color:#dc2626;color:#7f1d1d}.error-high,.error-medium{background:#fef3c7;border-color:#f59e0b;color:#92400e}.error-low{background:#f0f9ff;border-color:#3b82f6;color:#1e40af}.error-header{display:flex;align-items:flex-start;gap:.75rem}.error-icon{flex-shrink:0;margin-top:.125rem}.error-content{flex:1}.error-title{font-weight:600;font-size:.875rem;margin-bottom:.25rem}.error-message{font-size:.875rem;line-height:1.5;margin:0}.error-dismiss{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;opacity:.7;transition:opacity .2s ease}.error-dismiss:hover{opacity:1}.error-actions-list{margin-top:.75rem;padding-left:2.25rem}.error-actions-title{font-size:.75rem;font-weight:600;margin-bottom:.5rem;opacity:.8}.error-actions{list-style:none;padding:0;margin:0}.error-action-item{font-size:.75rem;line-height:1.4;margin-bottom:.25rem;position:relative;padding-left:1rem}.error-action-item:before{content:"•";position:absolute;left:0;opacity:.6}.error-buttons{display:flex;gap:.5rem;margin-top:1rem;padding-left:2.25rem}.error-button{padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.error-button.primary{background:currentColor;color:#fff;opacity:.9}.error-button.primary:hover{opacity:1;transform:translateY(-1px)}.error-button.secondary{background:transparent;color:currentColor;border:1px solid currentColor;opacity:.7}.error-button.secondary:hover{opacity:1;background:currentColor;color:#fff}.error-context{margin-top:.75rem;padding-left:2.25rem}.error-context summary{font-size:.75rem;cursor:pointer;opacity:.7;margin-bottom:.5rem}.error-context-data{background:#0000000d;padding:.5rem;border-radius:4px;font-size:.625rem;overflow-x:auto;white-space:pre-wrap}.error-overflow{text-align:center;padding:.5rem;font-size:.75rem;opacity:.7;border-top:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.error-container{padding:2rem 1.5rem}.error-actions{flex-direction:column}.error-buttons{flex-direction:column;padding-left:0}.error-actions-list{padding-left:1rem}}.loading-spinner{display:inline-block;position:relative}.spinner-circle{border:2px solid rgba(0,0,0,.1);border-left-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.spinner-small .spinner-circle{width:16px;height:16px;border-width:2px}.spinner-medium .spinner-circle{width:24px;height:24px;border-width:2px}.spinner-large .spinner-circle{width:40px;height:40px;border-width:3px}.spinner-primary{color:#2563eb}.spinner-secondary{color:#6b7280}.spinner-white{color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.loading-overlay-content{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a}.loading-message{margin-top:1rem;color:#6b7280;font-size:.875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-skeleton{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card-skeleton{padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.skeleton-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skeleton-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-title{flex:1}.skeleton-content{margin-top:1rem}.file-upload-skeleton{padding:2rem;border:2px dashed #d1d5db;border-radius:8px;text-align:center}.skeleton-upload-zone{margin-bottom:2rem}.skeleton-upload-icon{width:48px;height:48px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin:0 auto 1rem}.skeleton-form-fields{display:flex;flex-direction:column;gap:1rem;max-width:300px;margin:0 auto}.skeleton-field{text-align:left}.skeleton-label{height:1rem;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite;margin-bottom:.5rem}.skeleton-input,.skeleton-button{height:2.5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.5s infinite}.progress-bar-container{margin:1rem 0}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:#374151}.progress-percentage{font-weight:600;color:#2563eb}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease;position:relative}.progress-fill.indeterminate{background:linear-gradient(90deg,transparent,#3b82f6,transparent);background-size:200% 100%;animation:indeterminateProgress 1.5s infinite}@keyframes indeterminateProgress{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.loading-button.loading{cursor:not-allowed}.loading-button .button-text{transition:opacity .2s ease}.loading-button.loading .button-text{opacity:.7}.pulse-loader{display:flex;gap:.25rem;align-items:center}.pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite ease-in-out}.pulse-dot:nth-child(1){animation-delay:-.32s}.pulse-dot:nth-child(2){animation-delay:-.16s}.pulse-dot:nth-child(3){animation-delay:0s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.shimmer-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s infinite}.shimmer-animation{width:100%;height:100%}.list-skeleton{display:flex;flex-direction:column;gap:1rem}.list-item-skeleton{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px}.skeleton-icon{width:32px;height:32px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.network-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;transition:all .2s ease}.network-status.online{background:#dcfce7;color:#166534}.network-status.offline{background:#fef2f2;color:#dc2626}.network-indicator{position:relative}.network-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.network-status.online .network-dot{animation:networkPulse 2s infinite}@keyframes networkPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.loading-overlay-content{margin:1rem;padding:1.5rem}.skeleton-header{flex-direction:column;align-items:flex-start}.skeleton-avatar{width:40px;height:40px}.progress-label{flex-direction:column;align-items:flex-start;gap:.25rem}.list-item-skeleton{padding:.75rem}}@media (prefers-color-scheme: dark){.skeleton-line,.skeleton-avatar,.skeleton-upload-icon,.skeleton-label,.skeleton-input,.skeleton-button,.skeleton-icon,.shimmer-loader{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}.loading-overlay{background:#000c}.loading-overlay-content{background:#1f2937;color:#fff}.progress-bar{background:#374151}}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.hidden{display:none!important}.visible{display:block!important}.sm-hidden{display:none}@media (min-width: 640px){.sm-hidden{display:block}.sm-visible{display:none}}.md-hidden{display:block}@media (min-width: 768px){.md-hidden{display:none}.md-visible{display:block}}.lg-hidden{display:block}@media (min-width: 1024px){.lg-hidden{display:none}.lg-visible{display:block}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (min-width: 768px){.md-text-center{text-align:center}.md-text-left{text-align:left}.md-text-right{text-align:right}}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}@media (min-width: 768px){.md-p-0{padding:0}.md-p-1{padding:.25rem}.md-p-2{padding:.5rem}.md-p-3{padding:.75rem}.md-p-4{padding:1rem}.md-p-6{padding:1.5rem}.md-p-8{padding:2rem}.md-p-12{padding:3rem}.md-m-0{margin:0}.md-m-1{margin:.25rem}.md-m-2{margin:.5rem}.md-m-3{margin:.75rem}.md-m-4{margin:1rem}.md-m-6{margin:1.5rem}.md-m-8{margin:2rem}.md-m-12{margin:3rem}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}@media (min-width: 768px){.md-flex{display:flex}.md-flex-col{flex-direction:column}.md-flex-row{flex-direction:row}.md-flex-wrap{flex-wrap:wrap}.md-flex-nowrap{flex-wrap:nowrap}.md-justify-start{justify-content:flex-start}.md-justify-center{justify-content:center}.md-justify-end{justify-content:flex-end}.md-justify-between{justify-content:space-between}.md-justify-around{justify-content:space-around}.md-items-start{align-items:flex-start}.md-items-center{align-items:center}.md-items-end{align-items:flex-end}.md-items-stretch{align-items:stretch}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (min-width: 768px){.md-grid{display:grid}.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-gap-1{gap:.25rem}.md-gap-2{gap:.5rem}.md-gap-3{gap:.75rem}.md-gap-4{gap:1rem}.md-gap-6{gap:1.5rem}.md-gap-8{gap:2rem}}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}@media (min-width: 768px){.md-w-full{width:100%}.md-w-auto{width:auto}.md-w-1\/2{width:50%}.md-w-1\/3{width:33.333333%}.md-w-2\/3{width:66.666667%}.md-w-1\/4{width:25%}.md-w-3\/4{width:75%}}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 768px){.container{max-width:768px;padding-left:2rem;padding-right:2rem}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}@media (min-width: 768px){.md-text-xs{font-size:.75rem;line-height:1rem}.md-text-sm{font-size:.875rem;line-height:1.25rem}.md-text-base{font-size:1rem;line-height:1.5rem}.md-text-lg{font-size:1.125rem;line-height:1.75rem}.md-text-xl{font-size:1.25rem;line-height:1.75rem}.md-text-2xl{font-size:1.5rem;line-height:2rem}.md-text-3xl{font-size:1.875rem;line-height:2.25rem}.md-text-4xl{font-size:2.25rem;line-height:2.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.error-item{border-width:2px}.loading-button{border:2px solid currentColor}.progress-bar{border:1px solid currentColor}}