.page-hero{padding:var(--spacing-20)0 var(--spacing-16);background:linear-gradient(135deg,var(--background) 0%,var(--background-light) 100%);position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(43,234,176,.1)0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(43,234,176,.05)0,transparent 50%);pointer-events:none}.page-hero .hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.page-hero h1{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.page-hero .hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.formats-section{padding:var(--spacing-24)0;background:var(--background)}.formats-section h2{text-align:center;margin-bottom:var(--spacing-16);font-size:var(--font-size-3xl)}.formats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media (min-width:768px){.formats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.formats-grid{grid-template-columns:repeat(4,1fr)}}.format-category{background:var(--background-light);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--spacing-8);transition:all var(--transition-normal)}.format-category:hover{transform:translateY(-2px);border-color:var(--primary)}.format-icon{width:60px;height:60px;background:rgba(43,234,176,.1);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);color:var(--primary)}.format-category h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6);color:var(--text-primary);text-align:center}.formats-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-6)}.formats-table td,.formats-table th{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--border)}.formats-table th{background:var(--background);color:var(--text-primary);font-weight:600;font-size:var(--font-size-sm)}.formats-table td{color:var(--text-secondary);font-size:var(--font-size-sm)}.formats-table tr:hover{background:rgba(43,234,176,.05)}.format-extension{color:var(--primary);font-weight:600}.format-description{color:var(--text-muted);font-style:italic}.technical-notes{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-top:var(--spacing-8)}.technical-notes h4{color:var(--text-primary);margin-bottom:var(--spacing-3);font-size:var(--font-size-lg)}.technical-notes ul{list-style:none;padding:0;margin:0}.technical-notes ul li{padding:var(--spacing-2)0;color:var(--text-secondary);border-bottom:1px solid var(--border)}.technical-notes ul li:last-child{border-bottom:none}.cta-section h2,.technical-notes ul li strong{color:var(--text-primary)}.cta-section{padding:var(--spacing-24)0;background:var(--background-light)}.cta-section .cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.cta-section p{color:var(--text-secondary);margin-bottom:var(--spacing-8)}.cta-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.formats-error,.formats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);color:var(--text-secondary);grid-column:1/-1}.formats-loading i{color:var(--primary)}.cta-section p,.formats-error div,.formats-loading div{font-size:var(--font-size-lg)}.formats-error{color:var(--error);background:rgba(239,68,68,.1);border:1px solid var(--error);border-radius:var(--radius-lg)}.formats-error i,.formats-loading i{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.formats-error div{text-align:center}.supported-formats-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-4)}.supported-format-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.supported-format-item:hover{border-color:var(--primary);background:rgba(43,234,176,.05)}.supported-format-extension{font-weight:600;color:var(--primary);font-size:var(--font-size-sm);min-width:40px}.supported-format-name{color:var(--text-secondary);font-size:var(--font-size-sm);flex:1}@media (max-width:768px){.page-hero{padding:var(--spacing-16)0 var(--spacing-12)}.page-hero h1{font-size:var(--font-size-3xl)}.cta-section,.formats-section{padding:var(--spacing-16)0}.formats-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.format-category{padding:var(--spacing-6)}.formats-table{font-size:var(--font-size-xs)}.formats-table td,.formats-table th{padding:var(--spacing-2) var(--spacing-3)}.cta-actions{flex-direction:column;align-items:center}.cta-actions .btn{width:100%;max-width:300px}.supported-formats-list{grid-template-columns:1fr}}.format-category{animation:fadeIn .6s ease-out}.format-category:nth-child(1){animation-delay:.1s}.format-category:nth-child(2){animation-delay:.2s}.format-category:nth-child(3){animation-delay:.3s}.format-category:nth-child(4){animation-delay:.4s}