:root{--primary-purple: #8b5cf6;--primary-blue: #3b82f6;--primary-cyan: #06b6d4;--accent-pink: #ec4899;--accent-orange: #f97316;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--bg-dark: #0a0a0f;--bg-gradient: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 50%, #16213e 100%);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--bg-gradient);background-attachment:fixed;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;z-index:-1;animation:float 20s ease-in-out infinite}body:before{width:500px;height:500px;background:var(--primary-purple);top:-200px;right:-100px}body:after{width:400px;height:400px;background:var(--primary-cyan);bottom:-100px;left:-100px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,30px) rotate(5deg)}50%{transform:translate(-20px,50px) rotate(-5deg)}75%{transform:translate(-40px,-20px) rotate(3deg)}}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-cyan);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-purple)}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px var(--glass-shadow)}.glass-strong{background:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 12px 40px var(--glass-shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-purple),var(--primary-blue));color:#fff;box-shadow:0 4px 20px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #8b5cf680;color:#fff}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px);color:var(--text-primary)}.btn-download{background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink));color:#fff;box-shadow:0 4px 20px #f9731666}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 30px #f9731680;color:#fff}code,pre{font-family:JetBrains Mono,Fira Code,monospace}pre{background:#0006;border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;overflow-x:auto;font-size:.9rem}code{background:#8b5cf633;padding:2px 8px;border-radius:6px;font-size:.9em}pre code{background:none;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.gradient-text{background:linear-gradient(135deg,var(--primary-purple),var(--primary-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.language-selector{position:relative;z-index:1000}.language-selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:.875rem;font-weight:500}.language-selector-trigger:hover{background:#ffffff1a;color:var(--text-primary);border-color:#fff3}.language-flag{width:20px;height:15px;border-radius:2px;flex-shrink:0;box-shadow:0 1px 2px #0003}.language-code{min-width:24px;text-align:center}.language-chevron{transition:transform .2s ease;opacity:.7}.language-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#141419fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 40px #0006;padding:8px;list-style:none;margin:0;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);text-align:left;font-size:.875rem}.language-option:hover{background:#ffffff14;color:var(--text-primary)}.language-option.active{background:#06b6d426;color:var(--primary-cyan)}.language-option.active:hover{background:#06b6d433}.language-option .language-flag{width:24px;height:18px}.language-name{flex:1}.language-check{opacity:.8;color:var(--primary-cyan)}[dir=rtl] .language-dropdown{right:auto;left:0}[dir=rtl] .language-option{text-align:right}@media(max-width:768px){.language-selector{width:100%;margin-top:8px}.language-selector-trigger{width:100%;justify-content:center}.language-dropdown{right:50%;transform:translate(50%);width:calc(100% - 40px);max-width:280px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(50%) translateY(-8px)}to{opacity:1;transform:translate(50%) translateY(0)}}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.navbar-logo{width:40px;height:40px;border-radius:10px}.navbar-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-purple),var(--primary-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;align-items:center;gap:8px}.navbar-link{padding:8px 16px;border-radius:8px;font-weight:500;color:var(--text-secondary);transition:all .3s ease;text-decoration:none}.navbar-link:hover{color:var(--text-primary);background:#ffffff0d}.navbar-link.active{color:var(--primary-cyan);background:#06b6d41a}.github-link{display:flex;align-items:center;gap:6px;margin-left:8px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px}.github-link:hover{background:#ffffff1a}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:block;width:24px;height:2px;background:var(--text-primary);position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-primary);left:0;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}@media(max-width:768px){.navbar-toggle{display:block}.navbar-menu{position:fixed;top:70px;left:0;right:0;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:20px;gap:4px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease}.navbar-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.navbar-link{width:100%;text-align:center;padding:12px 16px}.github-link{margin-left:0;justify-content:center;margin-top:8px}}.footer{margin-top:auto;padding:48px 0 24px;border-radius:24px 24px 0 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-main{display:flex;justify-content:space-between;gap:48px;padding-bottom:32px;border-bottom:1px solid var(--glass-border)}.footer-brand{display:flex;align-items:center;gap:16px}.footer-logo{width:48px;height:48px;border-radius:12px}.footer-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-purple),var(--primary-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-subtitle{font-size:.875rem;color:var(--text-muted);margin:4px 0 0}.footer-links{display:flex;gap:64px}.footer-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-section a{display:block;color:var(--text-secondary);margin-bottom:8px;transition:color .3s ease}.footer-section a:hover{color:var(--primary-cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.footer-bottom p{font-size:.875rem;color:var(--text-muted)}.footer-social{display:flex;gap:16px}.footer-social a{color:var(--text-secondary);transition:color .3s ease}.footer-social a:hover{color:var(--primary-cyan)}@media(max-width:768px){.footer-main{flex-direction:column;gap:32px}.footer-links{flex-wrap:wrap;gap:32px}.footer-section{min-width:120px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.home{overflow-x:hidden}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:60px 0}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:24px}.badge-dot{width:8px;height:8px;background:var(--accent-orange);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:32px;max-width:480px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-image{position:relative}.hero-image-wrapper{padding:12px;overflow:hidden}.hero-image-wrapper img{width:100%;height:auto;border-radius:12px;display:block}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{padding:32px 24px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:16px}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.install-card{padding:48px;text-align:center;max-width:600px;margin:0 auto}.install-content h2{font-size:2rem;margin-bottom:16px}.install-content>p{color:var(--text-secondary);margin-bottom:24px}.install-code{margin:24px 0;font-size:1.1rem}.install-code code{background:none;padding:0}.install-note{font-size:.875rem;color:var(--text-muted);margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.stat-card img{height:24px}.stat-card span{font-size:.875rem;color:var(--text-secondary)}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-description{max-width:none}.hero-buttons{justify-content:center}.hero-image{order:-1}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.features-grid,.stats-grid{grid-template-columns:1fr}.install-card{padding:32px 24px}}.about{padding-bottom:40px}.page-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:16px;padding-top:40px}.page-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-text{padding:40px}.about-text h2{font-size:1.75rem;margin-bottom:20px}.about-text p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.about-text p:last-child{margin-bottom:0}.about-image{padding:16px;overflow:hidden}.about-image img{width:100%;height:auto;border-radius:12px}.feature-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-detail{padding:32px}.feature-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.feature-header .feature-icon{font-size:2rem}.feature-header h3{font-size:1.25rem;font-weight:600}.feature-detail ul{list-style:none;padding:0}.feature-detail li{padding:8px 0;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.feature-detail li:last-child{border-bottom:none}.feature-detail li:before{content:"✓";margin-right:10px;color:var(--primary-cyan)}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tech-card{padding:32px;text-align:center;transition:transform .3s ease}.tech-card:hover{transform:translateY(-4px)}.tech-icon{font-size:3rem;display:block;margin-bottom:16px}.tech-card h4{font-size:1.1rem;font-weight:600;margin-bottom:8px}.tech-card p{font-size:.875rem;color:var(--text-muted)}.author-card{display:flex;align-items:center;gap:32px;padding:40px;max-width:700px;margin:0 auto}.author-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--primary-purple)}.author-info h3{font-size:1.5rem;margin-bottom:8px}.author-info>p{color:var(--text-secondary);margin-bottom:20px}.author-links{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:1024px){.about-grid,.feature-detail-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page-title{font-size:2.25rem}.author-card{flex-direction:column;text-align:center}.author-links{justify-content:center}.tech-grid{grid-template-columns:1fr}}.docs{padding-bottom:40px}.docs-header{padding-top:40px}.docs-card{padding:40px;max-width:800px;margin:0 auto}.docs-card h2{font-size:1.75rem;margin-bottom:16px}.docs-card>p{color:var(--text-secondary);margin-bottom:32px}.step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--glass-border)}.step:last-child{border-bottom:none}.step-number{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content h4{font-size:1.1rem;margin-bottom:8px}.step-content p{color:var(--text-secondary);margin-bottom:12px}.step-content pre{margin:12px 0}.usage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.usage-card{padding:24px;text-align:center;position:relative}.usage-number{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-cyan));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;margin:0 auto 16px}.usage-card h4{font-size:1rem;margin-bottom:8px}.usage-card p{font-size:.875rem;color:var(--text-secondary)}.config-card{padding:40px;max-width:700px;margin:0 auto}.config-card h3{font-size:1.5rem;margin-bottom:16px}.config-card>p{color:var(--text-secondary);margin-bottom:24px}.config-code{font-size:.9rem}.effects-table{padding:24px;overflow-x:auto;max-width:900px;margin:0 auto}.effects-table table{width:100%;border-collapse:collapse}.effects-table th,.effects-table td{padding:16px;text-align:left;border-bottom:1px solid var(--glass-border)}.effects-table th{font-weight:600;color:var(--primary-cyan);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.effects-table td{color:var(--text-secondary)}.effects-table tr:last-child td{border-bottom:none}.presets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.preset-card{padding:24px;text-align:center}.preset-card h4{font-size:1rem;margin-bottom:12px;color:var(--primary-cyan);font-family:JetBrains Mono,monospace}.preset-card p{font-size:.875rem;color:var(--text-secondary)}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:0 auto}.requirement-card{padding:32px;text-align:center}.req-icon{font-size:2.5rem;display:block;margin-bottom:16px}.requirement-card h4{font-size:1.1rem;margin-bottom:8px}.requirement-card p{color:var(--text-secondary)}@media(max-width:1024px){.usage-grid,.presets-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.usage-grid,.presets-grid{grid-template-columns:repeat(2,1fr)}.requirements-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-title{font-size:2.25rem}.usage-grid,.presets-grid{grid-template-columns:1fr}.docs-card,.config-card{padding:24px}}.install{padding-bottom:40px}.install-header{padding-top:40px}.install-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.method-card{padding:32px;position:relative;display:flex;flex-direction:column}.method-badge{position:absolute;top:16px;right:16px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.method-badge.pypi{background:linear-gradient(135deg,var(--primary-purple),var(--primary-blue))}.method-badge.exe{background:linear-gradient(135deg,var(--accent-orange),var(--accent-pink))}.method-badge.dev{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue))}.method-icon{font-size:3rem;margin-bottom:16px}.method-card h2{font-size:1.5rem;margin-bottom:12px}.method-card>p{color:var(--text-secondary);margin-bottom:24px}.install-step{margin-bottom:20px}.install-step h4{font-size:.95rem;font-weight:600;margin-bottom:8px;color:var(--primary-cyan)}.install-step p{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.install-step pre{margin:8px 0}.code-block-wrapper{position:relative;margin:8px 0}.code-block-wrapper pre{margin:0;padding-right:50px}.step-note{font-size:.85rem;color:var(--text-muted)}.method-card .btn{margin-top:auto;align-self:flex-start}.method-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}.ffmpeg-card{display:flex;gap:32px;padding:40px;max-width:900px;margin:0 auto;align-items:flex-start}.ffmpeg-icon{font-size:4rem;flex-shrink:0}.ffmpeg-content h2{font-size:1.5rem;margin-bottom:16px}.ffmpeg-content>p{color:var(--text-secondary);margin-bottom:24px}.ffmpeg-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.ffmpeg-step{display:flex;gap:12px;align-items:flex-start}.ffmpeg-step span{width:28px;height:28px;background:var(--primary-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.ffmpeg-step p{font-size:.9rem;color:var(--text-secondary)}.video-container{aspect-ratio:16/9;max-width:800px;margin:0 auto;padding:12px;overflow:hidden}.video-container iframe{border-radius:12px}.help-card{text-align:center;padding:40px;max-width:500px;margin:0 auto}.help-card h3{font-size:1.5rem;margin-bottom:12px}.help-card>p{color:var(--text-secondary);margin-bottom:24px}.help-buttons{display:flex;gap:12px;justify-content:center}@media(max-width:1024px){.install-methods{grid-template-columns:1fr}.ffmpeg-card{flex-direction:column;text-align:center}.ffmpeg-steps{grid-template-columns:1fr}}@media(max-width:640px){.page-title{font-size:2.25rem}.method-card{padding:24px}.help-buttons{flex-direction:column}.help-buttons .btn{width:100%;justify-content:center}}.download{padding-bottom:40px}.download-header{padding-top:40px}.download-hero{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:48px;max-width:900px;margin:0 auto}.version-badge{margin-bottom:16px}.version-badge img{height:28px}.download-info h2{font-size:2rem;margin-bottom:12px}.download-info>p{color:var(--text-secondary);margin-bottom:24px}.download-features{list-style:none;padding:0}.download-features li{padding:8px 0;color:var(--text-secondary);font-size:.95rem}.download-actions{text-align:center}.download-main-btn{display:inline-block;transition:transform .3s ease}.download-main-btn:hover{transform:scale(1.05)}.download-note{margin-top:12px;font-size:.875rem;color:var(--text-muted)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}.option-card{padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center}.option-icon{margin-bottom:20px;color:var(--primary-cyan)}.option-card h3{font-size:1.25rem;margin-bottom:12px}.option-card>p{color:var(--text-secondary);margin-bottom:20px;flex:1}.option-code{margin-bottom:20px;width:100%}.code-block-wrapper{position:relative;margin-bottom:20px;width:100%}.code-block-wrapper .option-code{margin:0;padding-right:50px}.copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:1rem;transition:all .2s ease;color:var(--text-primary)}.copy-btn:hover{background:#fff3;transform:translateY(-1px)}.copy-btn.copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.stats-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;text-decoration:none}.stat-item img{height:24px}.stat-item span{font-size:.875rem;color:var(--text-secondary)}.cta-card{text-align:center;padding:48px;max-width:500px;margin:0 auto}.cta-card h3{font-size:1.5rem;margin-bottom:12px}@media(max-width:1024px){.download-hero{flex-direction:column;text-align:center}.options-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-title{font-size:2.25rem}.download-hero{padding:32px}.stats-row{flex-direction:column}.stat-item{width:100%}}.license{padding-bottom:40px}.license-header{padding-top:40px}.page-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:16px}.page-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center}.license-badge-card{text-align:center;padding:48px;max-width:500px;margin:0 auto}.license-badge-card img{height:32px;margin-bottom:24px}.license-badge-card h2{font-size:2rem;margin-bottom:12px}.license-badge-card p{color:var(--text-secondary)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.permission-card{padding:24px;text-align:center}.permission-card.allowed{border-color:#22c55e4d}.permission-icon{width:40px;height:40px;background:#22c55e33;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.25rem;color:#22c55e}.permission-card h4{font-size:1rem;margin-bottom:8px}.permission-card p{font-size:.875rem;color:var(--text-secondary)}.condition-card{display:flex;gap:24px;padding:32px;max-width:800px;margin:0 auto;align-items:flex-start}.condition-icon{font-size:3rem;flex-shrink:0}.condition-content h3{font-size:1.25rem;margin-bottom:12px}.condition-content>p{color:var(--text-secondary);margin-bottom:16px}.attribution-code{margin:0;white-space:pre-wrap;overflow-wrap:break-word;max-width:100%}.attribution-code code{color:var(--primary-cyan)}.license-content{padding:32px;max-width:800px;margin:0 auto}.license-pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:.85rem;line-height:1.8;color:var(--text-secondary)}.limitations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}.limitation-card{padding:32px;text-align:center}.limitation-icon{font-size:2rem;display:block;margin-bottom:16px}.limitation-card h4{font-size:1.1rem;margin-bottom:8px}.limitation-card p{font-size:.9rem;color:var(--text-secondary)}.cta-card{text-align:center;padding:40px;max-width:400px;margin:0 auto}.cta-card h3{font-size:1.25rem;margin-bottom:12px}.cta-card p{color:var(--text-secondary);margin-bottom:24px}@media(max-width:1024px){.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:768px){.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.condition-card{flex-direction:column;text-align:center}.limitations-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-title{font-size:2.25rem}.permissions-grid{grid-template-columns:1fr}.condition-card{padding:20px}.license-content{padding:24px}.license-pre{font-size:.75rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}