body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0}:root{--nav-height:70px;--nav-bg:#fff;--dropdown-bg:#fff;--nav-color:#334155;--primary-color:#f7243c;--accent-color:#fb6d34;--border-radius:6px;--shadow:0 2px 10px #0f172a14;--shadow-hover:0 4px 20px #0f172a1f}.navigation{background:#fff;background:var(--nav-bg);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0f172a14;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:70px;height:var(--nav-height);justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.brand,.nav-container{align-items:center;display:flex}.brand{gap:10px;text-decoration:none}.logo{height:36px}.brand-text{color:#f7243c;color:var(--primary-color);font-size:1.4rem;font-weight:700}.nav-content,.nav-menu{align-items:center;display:flex}.nav-menu{gap:2px;list-style:none;margin:0;padding:0}.nav-item{position:relative}.dropdown-btn,.nav-menu li a{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--border-radius);color:#334155;color:var(--nav-color);cursor:pointer;display:flex;font-size:18px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dropdown-btn:hover,.nav-menu li a:hover{background:#f8fafc;color:#fb6d34;color:var(--accent-color)}.dropdown-btn.active,.nav-menu li a.active{background:#fef2f2;color:#fb6d34;color:var(--accent-color);font-weight:600}.nav-dropdown,.nav-dropdown li,.nav-menu,.nav-menu li{list-style:none;margin:0;padding:0}.dropdown-container{position:relative}.nav-dropdown{background:#fff;background:var(--dropdown-bg);border:1px solid #e2e8f0;border-radius:6px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0f172a1f;box-shadow:var(--shadow-hover);display:none;left:0;margin-top:4px;min-width:200px;position:absolute;top:100%}.nav-dropdown.show{display:block}.nav-dropdown li a{border-bottom:1px solid #f1f5f9;border-radius:0;display:block;font-weight:400;padding:10px 16px}.nav-dropdown li:last-child a{border-bottom:none}.nav-dropdown li a:hover{background:#f8fafc}.nav-dropdown li a.active{background:#fef2f2}.arrow{font-size:10px;margin-left:4px;transition:transform .2s ease}.arrow.rotate{transform:rotate(180deg)}.nav-mobile{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-between;margin:8px;padding:8px;position:relative;width:44px}.nav-mobile span{background:#334155;background:var(--nav-color);border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.nav-mobile span:first-child{transform:translateY(0)}.nav-mobile span:nth-child(2){transform:translateY(6px)}.nav-mobile span:nth-child(3){transform:translateY(12px)}.nav-mobile.active span:first-child{background:#fb6d34;background:var(--accent-color);transform:rotate(45deg) translate(-2px,6px)}.nav-mobile.active span:nth-child(2){opacity:0}.nav-mobile.active span:nth-child(3){background:#fb6d34;background:var(--accent-color);transform:rotate(-45deg) translate(-1px,-6px)}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-mobile{display:flex}.nav-menu{background:#fff;background:var(--nav-bg);border-top:1px solid #e2e8f0;box-shadow:0 4px 20px #0f172a1a;display:none;flex-direction:column;left:0;padding:1rem;position:fixed;top:70px;top:var(--nav-height);width:100%}.nav-menu.open{display:flex}.nav-item{width:95%}.dropdown-btn,.nav-menu li a{justify-content:space-between;margin:1px 0;padding:12px 16px;width:95%}.nav-dropdown{border:1px solid #f1f5f9;box-shadow:none;display:none;margin:4px 0;position:static;width:95%}.nav-dropdown.show{display:block}.brand-text{font-size:1.3rem}.logo{height:32px}}.dropdown-btn:focus-visible,.nav-menu li a:focus-visible{outline:2px solid #fb6d34;outline:2px solid var(--accent-color);outline-offset:1px}.professional-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.professional-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.5px;margin:0}.professional-content{background:#fff;border:1px solid #f0f0f0;border-radius:1.5rem;box-shadow:0 10px 40px #00000014;padding:2.5rem}.input-section{margin-bottom:2.5rem}.input-wrapper{position:relative;width:100%}.professional-textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:1rem;box-shadow:inset 0 2px 4px #00000008;box-sizing:border-box;font-family:inherit;font-size:1.05rem;line-height:1.5;padding:1.5rem;resize:vertical;transition:all .3s ease;width:100%}.professional-textarea:focus{background:#fff;border-color:#f7243c;box-shadow:0 0 0 3px #f7243c1a,inset 0 2px 4px #00000008;outline:none}.input-action-btn{align-items:center;background:#fff;border:1px solid #f7243c1a;border-radius:.75rem;box-shadow:0 2px 8px #00000014;color:#f7243c;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.input-action-btn:hover{box-shadow:0 4px 12px #f7243c26;color:#fb6d34;transform:translateY(-1px)}.section-title{color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.25px;margin-bottom:2.5rem;text-align:center}.fonts-grid-1{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:2.5rem}.font-card{background:#f8f9fa;border:1px solid #e9ecef;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.font-card:before{background:linear-gradient(135deg,#f7243c,#fb6d34);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.font-card:hover:before{transform:scaleX(1)}.font-card:hover{border-color:#f7243c33;transform:translateY(-4px)}.font-info{margin-bottom:1.25rem}.font-description{color:#666;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.font-preview{gap:1.25rem;justify-content:space-between}.font-output{flex:1 1;font-size:1.15rem;font-weight:500;line-height:1.4;margin:0;word-break:break-all}.copy-btn{background:linear-gradient(135deg,#f7243c,#fb6d34);box-shadow:0 2px 8px #f7243c33;color:#fff;font-weight:600;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.copy-btn:hover{box-shadow:0 4px 15px #f7243c4d;transform:translateY(-2px)}.load-more-btn{align-items:center;background:#fff;border:2px solid #f7243c;border-radius:50px;box-shadow:0 2px 8px #f7243c1a;color:#f7243c;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin:2.5rem auto 0;padding:1.125rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.load-more-btn:hover{background:#f7243c;box-shadow:0 4px 15px #f7243c4d;color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.professional-container{padding:1.5rem}.professional-title{font-size:3rem}.fonts-grid-1{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.professional-container{padding:1rem}.professional-title{font-size:2.5rem}.title-section{gap:.75rem}.title-icon{font-size:2rem}.professional-subtitle{font-size:1.1rem}.category-navigation{gap:.75rem;margin:2rem 0}.nav-arrow{font-size:.9rem;height:40px;width:40px}.category-btn{font-size:.9rem;padding:.75rem 1.5rem}.fonts-grid-1{gap:1.25rem;grid-template-columns:1fr}.font-card{padding:1.5rem}.font-preview{align-items:stretch;flex-direction:column;gap:1rem}.professional-content{padding:2rem}.input-action-btn{justify-content:center;margin-top:1rem;position:relative;right:auto;top:auto;width:100%}}@media (max-width:480px){.professional-title{font-size:2rem}.professional-subtitle{font-size:1rem}.professional-content{padding:1.5rem}.section-title{font-size:1.5rem}}:root{--primary-medium:#fb6d34;--primary-light:#fddde1;--text-dark:#333;--text-light:#666;--background:#fff;--border-light:#e0e0e0}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.article-container{border-radius:8px;margin:0 auto;max-width:900px;padding:40px}.article-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);margin-bottom:30px;padding-bottom:20px}.article-title{color:#f7243c;color:var(--primary-dark);font-size:32px;line-height:1.3;margin-bottom:15px;margin-top:20px}.article-meta{color:#666;color:var(--text-light);display:flex;font-size:14px;gap:15px}.article-section{margin-bottom:40px}.section-title-1{border-bottom:2px solid #fddde1;border-bottom:2px solid var(--primary-light);color:#f7243c;color:var(--primary-dark);font-size:24px;margin-bottom:20px;margin-top:30px;padding-bottom:10px}.section-subtitle-1{color:#fb6d34;color:var(--primary-medium);font-size:18px;margin-bottom:15px;margin-top:20px}.article-paragraph{color:#333;color:var(--text-dark);margin-bottom:20px}.article-list{margin-bottom:20px;padding-left:20px}.article-list-item{color:#333;color:var(--text-dark);margin-bottom:10px}.highlight-text{color:#fb6d34;color:var(--primary-medium);font-weight:600}.example-box{background-color:#fddde1;background-color:var(--primary-light);border-left:4px solid #fb6d34;border-left:4px solid var(--primary-medium);border-radius:0 4px 4px 0;margin-bottom:20px;padding:20px}.cta-button{background-color:#fb6d34;background-color:var(--primary-medium);border-radius:5px;color:#fff;color:var(--background);display:inline-block;font-weight:600;margin-top:20px;padding:12px 24px;text-decoration:none;transition:background-color .3s}.cta-button:hover{background-color:#f7243c;background-color:var(--primary-dark)}.data-table{border-collapse:collapse;box-shadow:0 2px 8px #0000000d;margin-bottom:25px;width:100%}.data-table,.data-table td,.data-table th{border:1px solid #fb6d34;border:1px solid var(--primary-medium)}.data-table th{background-color:#f7243c;background-color:var(--primary-dark);color:#fff;color:var(--background);padding:12px 15px;text-align:left}.data-table td{padding:10px 15px}.data-table tr:nth-child(2n){background-color:#fddde1;background-color:var(--primary-light)}.faqs-section{margin-top:40px}.faq-item{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-light);margin-bottom:25px;padding-bottom:20px}.faq-question{color:#f7243c;color:var(--primary-dark);font-size:18px;margin-bottom:10px}.faq-answer{color:#333;color:var(--text-dark)}.conclusion-section{background-color:#fddde1;background-color:var(--primary-light);border-radius:8px;margin-top:30px;padding:25px}.code-example{background-color:#fafafa;border:1px solid #e0e0e0;border-left:4px solid #fb6d34;border:1px solid var(--border-light);border-left:4px solid var(--primary-medium);border-radius:6px;box-shadow:0 1px 4px #0000000f;color:#333;color:var(--text-dark);font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin:20px 0;padding:18px 20px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.article-container{padding:20px}.article-title{font-size:26px}.section-title-1{font-size:22px}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;position:relative}.data-table:after{bottom:8px;color:#666;content:"Scroll →";font-size:14px;opacity:.6;pointer-events:none;position:absolute;right:8px}.data-table td,.data-table th{white-space:nowrap}}.professional-emoji-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.emoji-title-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.professional-emoji-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-.5px;margin:0}.title-icon{color:#fb6d34;filter:drop-shadow(0 2px 4px rgba(251,109,52,.3));font-size:2.5rem}.professional-subtitle{color:#666;font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:800px}.category-navigation{gap:1rem;margin:2.5rem 0}.category-navigation,.nav-arrow{align-items:center;display:flex;justify-content:center}.nav-arrow{background:#fff;border:2px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #0000000d;color:#f7243c;cursor:pointer;flex-shrink:0;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.nav-arrow:hover{background:#f7243c;border-color:#f7243c;box-shadow:0 4px 12px #f7243c33;color:#fff;transform:scale(1.05)}.category-wrapper{-ms-overflow-style:none;display:flex;flex:1 1;gap:.75rem;justify-content:flex-start;max-width:100%;overflow-x:auto;padding:1rem .5rem;scrollbar-width:none}.category-wrapper::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 6px #00000008;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.category-btn:hover{border-color:#fb6d34;box-shadow:0 4px 12px #fb6d3426;color:#fb6d34;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#f7243c,#fb6d34);border-color:#0000;box-shadow:0 4px 15px #f7243c4d;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:1rem;margin-right:.5rem}.professional-emoji-content{background:#fff;border:1px solid #f0f0f0;border-radius:1.5rem;box-shadow:0 10px 40px #00000014;padding:2.5rem}.search-section{margin-bottom:2.5rem}.search-wrapper{margin:0 auto;max-width:600px;position:relative;width:100%}.professional-search-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:1rem;box-shadow:inset 0 2px 4px #00000008;box-sizing:border-box;font-family:inherit;font-size:1.05rem;padding:1.25rem 1.5rem;transition:all .3s ease;width:100%}.professional-search-input:focus{background:#fff;border-color:#f7243c;box-shadow:0 0 0 3px #f7243c1a,inset 0 2px 4px #00000008;outline:none}.search-clear-btn{align-items:center;background:#fff;border:1px solid #f7243c1a;border-radius:.75rem;box-shadow:0 2px 8px #00000014;color:#f7243c;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-clear-btn:hover{box-shadow:0 4px 12px #f7243c26;color:#fb6d34;transform:translateY(-50%) scale(1.05)}.emoji-display-section{margin-top:2rem}.emoji-category{margin-bottom:3rem}.category-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.75rem;font-weight:700;letter-spacing:-.25px;margin-bottom:1.5rem;padding-bottom:.75rem}.emoji-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.emoji-item{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:1rem;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.emoji-item:before{background:linear-gradient(135deg,#f7243c,#fb6d34);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.emoji-item:hover:before{transform:scaleX(1)}.emoji-item:hover{border-color:#f7243c33;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px) scale(1.05)}.emoji-character{font-size:2rem;transition:transform .2s ease}.emoji-item:hover .emoji-character{transform:scale(1.2)}.emoji-tooltip{background:#333;border-radius:.5rem;bottom:-30px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:.25rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.emoji-item:hover .emoji-tooltip{bottom:-40px;opacity:1}@media (max-width:1024px){.professional-emoji-container{padding:1.5rem}.professional-emoji-title{font-size:3rem}.emoji-grid{gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}@media (max-width:768px){.professional-emoji-container{padding:1rem}.professional-emoji-title{font-size:2.5rem}.emoji-title-section{gap:.75rem}.title-icon{font-size:2rem}.professional-subtitle{font-size:1.1rem}.category-navigation{gap:.75rem;margin:2rem 0}.nav-arrow{font-size:.9rem;height:40px;width:40px}.category-btn{font-size:.9rem;padding:.75rem 1.5rem}.emoji-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(65px,1fr))}.professional-emoji-content{padding:2rem}.emoji-character{font-size:1.75rem}}@media (max-width:480px){.professional-emoji-title{font-size:2rem}.professional-subtitle{font-size:1rem}.professional-emoji-content{padding:1.5rem}.category-title{font-size:1.5rem}.emoji-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.emoji-item{padding:1rem}.emoji-character{font-size:1.5rem}}.image-upload-section{position:relative}.upload-area{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:1rem;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.upload-area:hover{background:#fff5f5;border-color:#f7243c}.upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-gif{height:80px;object-fit:contain;width:80px}.upload-text{display:flex;flex-direction:column;gap:.5rem}.upload-text i{color:#f7243c;font-size:2rem;margin-bottom:.5rem}.upload-text span{color:#2d3748;font-weight:600}.upload-text small{color:#718096;font-size:.875rem}.image-preview{border:1px solid #e2e8f0;border-radius:1rem;overflow:hidden;position:relative}.preview-image{background:#f8fafc;max-height:300px;object-fit:contain;width:100%}.image-actions{display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:1rem;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-overlay i{color:#f7243c;font-size:2rem}.loading-overlay span{color:#2d3748;font-weight:600}.fonts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1.5rem}.font-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.font-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.font-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.font-name{color:#2d3748;flex:1 1;font-size:1.1rem;font-weight:700}.font-category{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.font-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;font-size:1.5rem;justify-content:center;line-height:1.4;min-height:80px;padding:1rem;text-align:center}.font-details,.font-preview{display:flex;margin-bottom:1rem}.font-details{flex-direction:column;gap:.5rem}.font-detail{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem}.font-detail i{color:#f7243c;width:1rem}.font-detail code{background:#edf2f7;border-radius:.375rem;font-family:Courier New,monospace;font-size:.8rem;padding:.25rem .5rem}.font-copy-btn{align-items:center;background:#e2e8f0;border:none;border-radius:.75rem;color:#4a5568;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.font-copy-btn:hover{background:#cbd5e0}.category-breakdown{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem}.category-breakdown h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.category-stats{display:flex;flex-direction:column;gap:.75rem}.category-stat{align-items:center;background:#f8fafc;border-radius:.75rem;display:flex;gap:1rem;padding:.75rem}.category-dot{border-radius:50%;height:12px;width:12px}.category-name{color:#2d3748;flex:1 1;font-weight:600;text-transform:capitalize}.category-count{background:#f7243c;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem}@media (max-width:1024px){.fonts-grid{grid-template-columns:1fr}}@media (max-width:768px){.font-header{align-items:flex-start;flex-direction:column;gap:.5rem}.font-category{align-self:flex-start}.image-actions{justify-content:center;margin-top:1rem;position:static}.upload-content{padding:1rem}}@media (max-width:480px){.fonts-grid{gap:1rem}.font-card{padding:1rem}.font-preview{font-size:1.25rem;padding:.75rem}.category-stat{align-items:flex-start;flex-direction:column;gap:.5rem}}.modern-container{font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1400px;padding:2rem}.modern-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:3rem;padding:2rem;text-align:center}.header-icon{margin-bottom:1rem}.header-icon i{background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;margin:0 .5rem}.modern-header h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.modern-header p{color:#718096;font-size:1.1rem;margin:0 auto;max-width:600px}.modern-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.control-panel,.results-panel{display:flex;flex-direction:column;gap:1.5rem}.section-header{align-items:center;border-bottom:2px solid #f7fafc;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.section-header h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.section-header i{color:#f7243c;font-size:1.1rem}.textarea-container{position:relative}.modern-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;font-family:Inter,monospace;font-size:.95rem;line-height:1.5;min-height:150px;padding:1.25rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modern-textarea:focus{background:#fafafa;border-color:#f7243c;box-shadow:0 0 0 3px #f7243c1a;outline:none}.result-textarea{background:#f8fafc;border-color:#cbd5e0}.textarea-actions{display:flex;gap:.5rem;position:absolute;right:.75rem;top:.75rem}.action-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.action-btn.danger{background:#fed7d7;color:#c53030}.action-btn.danger:hover{background:#feb2b2}.action-btn.secondary{background:#e2e8f0;color:#4a5568}.action-btn.secondary:hover{background:#cbd5e0}.primary-btn{align-items:center;background:linear-gradient(135deg,#f7243c,#fb6d34);border:none;border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.primary-btn:hover{box-shadow:0 8px 25px #f7243c4d;transform:translateY(-2px)}.secondary-btn{align-items:center;background:#e2e8f0;border:none;border-radius:1rem;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.secondary-btn:hover{background:#cbd5e0;transform:translateY(-1px)}.action-buttons{margin-top:1rem}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.option-checkbox{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:.75rem;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.option-checkbox:hover{background:#fff5f5;border-color:#f7243c}.option-checkbox input{display:none}.checkmark{align-items:center;border:2px solid #cbd5e0;border-radius:.375rem;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.option-checkbox input:checked+.checkmark{background:#f7243c;border-color:#f7243c}.option-checkbox input:checked+.checkmark:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700}.format-sections{display:flex;gap:1.5rem}.format-section{flex:1 1}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:.75rem;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.radio-option:hover{background:#fff5f5;border-color:#f7243c}.radio-option input{display:none}.radio-checkmark{align-items:center;border:2px solid #cbd5e0;border-radius:50%;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.radio-option input:checked+.radio-checkmark{border-color:#f7243c}.radio-option input:checked+.radio-checkmark:after{background:#f7243c;border-radius:50%;content:"";height:8px;width:8px}.custom-input-wrapper{align-items:center;display:flex;flex:1 1;gap:.5rem}.custom-input{border:1px solid #cbd5e0;border-radius:.5rem;flex:1 1;font-size:.875rem;padding:.375rem .75rem}.custom-input:disabled{background:#f7fafc;color:#a0aec0}.result-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.copy-btn{align-items:center;background:#e2e8f0;border:none;border-radius:.75rem;color:#4a5568;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.copy-btn:hover{background:#cbd5e0}.stats-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:1rem;gap:1rem;padding:1rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#f7243c,#fb6d34);border-radius:.75rem;color:#fff;height:3rem;justify-content:center;width:3rem}.stat-info{display:flex;flex-direction:column}.stat-value{color:#2d3748;font-size:1.25rem;font-weight:700}.stat-label{color:#718096;font-size:.875rem}.quick-actions-section{display:flex;flex-direction:column;gap:1rem}.action-card,.tips-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.action-card h4,.tips-card h4{align-items:center;color:#2d3748;display:flex;gap:.5rem;margin:0 0 1rem}.action-buttons-small{display:flex;gap:.75rem}.action-btn-small{align-items:center;background:#e2e8f0;border:none;border-radius:.75rem;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.action-btn-small:hover{background:#cbd5e0}.tips-list{list-style:none;margin:0;padding:0}.tips-list li{color:#4a5568;padding:.5rem 0 .5rem 1rem;position:relative}.tips-list li:before{color:#f7243c;content:"•";font-weight:700;left:0;position:absolute}.success-message{align-items:center;animation:slideIn .3s ease;background:#48bb78;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:flex;gap:.5rem;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.analytics-column{background:#f8fafc;border-radius:1rem;padding:1.25rem}.analytics-column h4{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.analytics-item{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:.5rem 0}.analytics-item:last-child{border-bottom:none}.analytics-label{color:#718096;font-size:.875rem;font-weight:500}.analytics-value{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#2d3748;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.tips-content{display:flex;flex-direction:column;gap:1rem}.tip-item{align-items:flex-start;background:#f7fafc;border-left:4px solid #f7243c;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.tip-item i{color:#f7243c;margin-top:.125rem}.tip-item div{display:flex;flex-direction:column;gap:.25rem}.tip-item strong{color:#2d3748;font-size:.875rem}.tip-item span{color:#718096;font-size:.8rem;line-height:1.4}.comparison-items{display:flex;flex-direction:column;gap:.75rem}.comparison-item{align-items:center;background:#f7fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem}.comparison-item i{color:#f7243c;width:1rem}.comparison-item span{color:#4a5568;font-size:.875rem}.insights-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.insights-content{display:flex;flex-direction:column;gap:1.5rem}.readability-meter{background:#f7fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem}.meter-labels{color:#718096;display:flex;font-size:.75rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.meter-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.meter-fill{border-radius:4px;height:100%;transition:all .3s ease}.meter-score{color:#2d3748;font-size:.9rem;font-weight:600;text-align:center}.insights-tips h5{color:#2d3748;font-size:.95rem;margin:0 0 .75rem}.insights-tips ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.insights-tips li{color:#4a5568;font-size:.875rem;padding:.5rem 0 .5rem 1.25rem;position:relative}.insights-tips li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.mode-selection{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.mode-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mode-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:1rem;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.mode-btn:hover{background:#fff5f5;border-color:#f7243c}.mode-btn.active{background:linear-gradient(135deg,#f7243c,#fb6d34);border-color:#f7243c;color:#fff}.results-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.overview-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;display:flex;gap:1rem;padding:1rem}.overview-card i{color:#f7243c;font-size:1.5rem}.overview-value{color:#2d3748;display:block;font-size:1.25rem;font-weight:700}.overview-label{color:#718096;display:block;font-size:.875rem}.url-truncate{font-size:.8rem!important}.density-table{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.density-table h4{color:#2d3748;font-size:1.1rem;margin:0 0 1rem}.table-container{overflow-x:auto}.modern-table{background:#fff;border-collapse:collapse;border-radius:.75rem;overflow:hidden;width:100%}.modern-table th{background:#f7fafc;border-bottom:2px solid #e2e8f0;color:#2d3748;font-weight:600;padding:1rem;text-align:left}.modern-table td{border-bottom:1px solid #edf2f7;padding:1rem}.modern-table tr:last-child td{border-bottom:none}.modern-table tr:hover{background:#f8fafc}.keyword-cell{color:#2d3748;font-weight:500}.density-cell{font-weight:600}.density-value{background:#f7fafc}.density-value,.frequency-badge{border-radius:1rem;font-size:.875rem;padding:.25rem .75rem}.frequency-badge{background:#edf2f7;color:#4a5568;font-weight:600}.status-badge{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.density-visualization{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.density-visualization h4{color:#2d3748;font-size:1.1rem;margin:0 0 1rem}.visualization-bars{display:flex;flex-direction:column;gap:1rem}.density-bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;justify-content:space-between}.bar-label span:first-child{font-weight:500}.bar-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.bar-fill{border-radius:4px;height:100%;position:relative;transition:width .3s ease}.bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.seo-recommendations{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.recommendation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem}.recommendation-card i{color:#f7243c;font-size:1.5rem;margin-bottom:.75rem}.recommendation-card h4{color:#2d3748;font-size:1rem;margin:0 0 .75rem}.recommendation-card p{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0}.recommendation-card ul{list-style:none;margin:0;padding:0}.recommendation-card li{color:#4a5568;font-size:.875rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.recommendation-card li:before{color:#48bb78;content:"✓";font-weight:700;left:0;position:absolute}.primary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.analysis-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.section-badges{display:flex;gap:.5rem;margin-left:auto}.analysis-badge{border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.words-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1rem}.word-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;transition:all .3s ease}.word-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.word-header{border-bottom:1px solid #e2e8f0;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem}.word-header,.word-rank{align-items:center;display:flex}.word-rank{background:linear-gradient(135deg,#f7243c,#fb6d34);border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.word-main{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.word-text{color:#2d3748;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700}.word-length{color:#718096;font-size:.875rem;font-weight:500}.word-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.word-detail{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.5rem}.word-detail i{color:#f7243c;width:1rem}.complexity-badge,.type-badge{border-radius:.5rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:capitalize}.distribution-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.distribution-section h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.distribution-bars{display:flex;flex-direction:column;gap:1rem}.dist-bar{align-items:center;display:flex;gap:1rem}.dist-bar span:first-child{color:#2d3748;font-size:.875rem;font-weight:600;min-width:80px}.dist-bar span:last-child{color:#718096;font-size:.875rem;font-weight:600;min-width:60px;text-align:right}.dist-track{background:#e2e8f0;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.dist-fill{border-radius:6px;height:100%;transition:width .3s ease}.dist-fill.short{background:linear-gradient(90deg,#48bb78,#68d391)}.dist-fill.avg{background:linear-gradient(90deg,#ed8936,#f6ad55)}.dist-fill.long{background:linear-gradient(90deg,#f7243c,#fb6d34)}.insight-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #f7243c;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.insight-item i{color:#f7243c;margin-top:.125rem}.insight-item div{display:flex;flex-direction:column;gap:.25rem}.insight-item strong{color:#2d3748;font-size:.875rem}.insight-item span{color:#718096;font-size:.8rem;line-height:1.4}.conversion-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.conversion-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.conversion-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:1rem;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.75rem;padding:1.25rem 1rem;transition:all .3s ease}.conversion-btn:hover{background:#fff5f5;border-color:#f7243c;transform:translateY(-2px)}.conversion-btn.active{background:linear-gradient(135deg,#f7243c,#fb6d34);border-color:#f7243c;box-shadow:0 4px 12px #f7243c33;color:#fff}.conversion-btn i{font-size:1.5rem}.preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;margin-top:1rem;padding:1.5rem}.preview-text{color:#2d3748;font-size:1.1rem;line-height:1.6;max-height:300px;overflow-y:auto;white-space:pre-wrap}.case-indicator{margin-left:auto}.case-badge{background:#f7243c;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .75rem;text-transform:uppercase}.analytics-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.analytics-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;display:flex;gap:1rem;padding:1rem}.analytics-icon{align-items:center;background:linear-gradient(135deg,#f7243c,#fb6d34);border-radius:.75rem;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.analytics-content{display:flex;flex-direction:column}.examples-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.examples-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.example-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;transition:all .3s ease}.example-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.example-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.example-type{color:#2d3748;font-size:.95rem;font-weight:600}.example-badge{background:#48bb78;border-radius:.5rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.example-text{color:#4a5568;font-size:.95rem;font-style:italic;line-height:1.5}.transformation-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.transformation-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.transformation-btn{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:1rem;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.75rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.transformation-btn:hover:not(:disabled){background:#fff5f5;border-color:#f7243c;transform:translateY(-2px)}.transformation-btn.active{background:linear-gradient(135deg,#f7243c,#fb6d34);border-color:#f7243c;box-shadow:0 4px 12px #f7243c33;color:#fff}.transformation-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.transformation-btn i{font-size:1.5rem}.btn-text{font-size:1rem;font-weight:600}.btn-description{font-size:.75rem;line-height:1.3;opacity:.8}.transformation-indicator{margin-left:auto}.transformation-badge{background:#f7243c;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .75rem;text-transform:uppercase}.pairs-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.pair-count{margin-left:auto}.pair-badge{background:#f7243c;border-radius:1rem;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.pairs-container{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;max-height:400px;overflow-y:auto}.pair-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;padding:1.25rem;transition:all .3s ease}.pair-item:hover{border-color:#cbd5e0;transform:translateY(-1px)}.pair-item.active{background:#fff5f5;border-color:#f7243c;box-shadow:0 4px 12px #f7243c1a}.pair-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.pair-number{color:#2d3748;font-size:.95rem;font-weight:600}.pair-status{background:#48bb78;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.pair-content{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr}.pair-column{display:flex;flex-direction:column;gap:.5rem}.pair-label{align-items:center;color:#4a5568;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.pair-input{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.95rem;padding:.75rem;transition:all .2s ease}.pair-input:focus{border-color:#f7243c;box-shadow:0 0 0 3px #f7243c1a;outline:none}.pair-arrow{align-items:center;color:#f7243c;display:flex;font-size:1.25rem;justify-content:center;padding:0 .5rem}.pair-controls{display:flex;gap:1rem;margin-top:1rem}.pair-control-btn{align-items:center;background:#e2e8f0;border:none;border-radius:.75rem;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.pair-control-btn:hover:not(:disabled){background:#cbd5e0}.pair-control-btn.danger{background:#fed7d7;color:#c53030}.pair-control-btn.danger:hover:not(:disabled){background:#feb2b2}.pair-control-btn:disabled{cursor:not-allowed;opacity:.5}.example-badge:first-child{background:#48bb78}.example-badge:nth-child(2){background:#ed8936}.example-badge:nth-child(3){background:#f56565}.example-content{gap:.5rem}.example-content,.example-pair{display:flex;flex-direction:column}.example-pair{color:#4a5568;font-size:.875rem;gap:.25rem}.example-pair span:first-child{color:#2d3748;font-weight:600}.option-group{margin-bottom:1.5rem}.option-group:last-child{margin-bottom:0}.option-group-title{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.option-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.option-label{color:#2d3748;font-size:.95rem;font-weight:600}.option-description{color:#718096;font-size:.8rem;line-height:1.4}.efficiency-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.efficiency-bars{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.efficiency-item{align-items:center;display:flex;gap:1rem}.efficiency-label{color:#2d3748;font-size:.95rem;font-weight:600;min-width:100px}.efficiency-track{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.efficiency-fill{border-radius:4px;height:100%;transition:width .3s ease}.efficiency-fill.blank{background:linear-gradient(90deg,#ed8936,#f6ad55)}.efficiency-value{color:#2d3748;font-size:.95rem;font-weight:600;min-width:80px;text-align:right}.option-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.option-header i{color:#f7243c;width:1rem}.efficiency-display{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:auto 1fr;margin-top:1rem}.score-circle{align-items:center;background:linear-gradient(135deg,#48bb78,#68d391);border-radius:50%;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;text-align:center;width:120px}.score-value{font-size:1.75rem;font-weight:700;line-height:1}.score-label{font-size:.875rem;margin-top:.25rem;opacity:.9}.efficiency-breakdown{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;padding:.75rem}.breakdown-item span:first-child{color:#2d3748;font-size:.95rem;font-weight:600}.breakdown-item span:last-child{color:#f7243c;font-size:1.1rem;font-weight:700}.example-content p{color:#4a5568;font-size:.95rem;line-height:1.5;margin:0}.breakdown-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.breakdown-bars{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.breakdown-item{align-items:center;display:flex;gap:1rem}.breakdown-label{color:#2d3748;font-size:.95rem;font-weight:600;min-width:140px}.breakdown-track{background:#e2e8f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.breakdown-fill{border-radius:4px;height:100%;transition:width .3s ease}.breakdown-fill.original{background:linear-gradient(90deg,#f7243c,#fb6d34)}.breakdown-fill.remaining{background:linear-gradient(90deg,#48bb78,#68d391)}.breakdown-value{color:#2d3748;font-size:.95rem;font-weight:600;min-width:40px;text-align:right}.output-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.5rem}.format-group,.output-section{margin-bottom:1.5rem}.format-group:last-child{margin-bottom:0}.format-group-title{border-bottom:2px solid #f7fafc;color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.statistics-section{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:1.5rem;padding:1.5rem}.statistics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.statistic-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;display:flex;gap:1rem;padding:1rem}.statistic-icon{align-items:center;background:linear-gradient(135deg,#48bb78,#68d391);border-radius:.75rem;color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.statistic-content{display:flex;flex-direction:column}.statistic-value{color:#2d3748;font-size:1.25rem;font-weight:700}.statistic-label{color:#718096;font-size:.875rem}.file-section{background:#f8f9fa;border:2px dashed #e9ecef;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.file-upload-area{text-align:center}.file-input{display:none}.file-upload-label{align-items:center;background:#fff;border:2px dashed #dee2e6;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:2rem;transition:all .3s ease}.file-upload-label:hover{background:#fff5f5;border-color:#f7243c}.file-upload-label i{color:#6c757d;font-size:2rem;margin-bottom:.5rem;transition:color .3s ease}.file-upload-label:hover i{color:#f7243c}.file-upload-label span{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.file-hint{color:#6c757d;font-size:.875rem;font-weight:400}.file-info{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;display:flex;margin-top:1rem;padding:1rem}.file-info i{color:#f7243c;font-size:1.5rem;margin-right:1rem}.file-details{display:flex;flex-direction:column}.file-name{color:#2c3e50;font-weight:600;margin-bottom:.25rem}.file-size{color:#6c757d;font-size:.875rem}.operations-section{margin-bottom:2rem}.operation-group{margin-bottom:1.5rem}.operation-group-title{border-bottom:2px solid #f1f3f4;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.operation-buttons{grid-gap:1rem;display:grid;gap:1rem}.operation-btn{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:.75rem;cursor:pointer;display:flex;padding:1.25rem;text-align:left;transition:all .3s ease;width:100%}.operation-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.operation-btn.primary-btn{background:linear-gradient(135deg,#f7243c,#fb6d34);border-color:#f7243c;color:#fff}.operation-btn.primary-btn:hover{background:linear-gradient(135deg,#d81b2f,#e55a2b);border-color:#d81b2f}.operation-btn.secondary-btn{background:#fff;border-color:#6c757d;color:#2c3e50}.operation-btn.secondary-btn:hover{background:#fff5f5;border-color:#f7243c}.operation-btn.file-btn{background:#fff;border-color:#17a2b8;color:#2c3e50;cursor:pointer}.operation-btn.file-btn:hover{background:#e3f2fd;border-color:#138496}.operation-btn i{flex-shrink:0;font-size:1.5rem;margin-right:1rem;margin-top:.125rem}.operation-btn.file-btn i,.operation-btn.primary-btn i{color:inherit}.operation-btn.secondary-btn i{color:#6c757d}.operation-btn.secondary-btn:hover i{color:#f7243c}.operation-content{display:flex;flex-direction:column}.operation-label{font-size:1rem;font-weight:600;margin-bottom:.25rem}.operation-description{color:#6c757d;font-size:.875rem;line-height:1.4}.operation-btn.primary-btn .operation-description{color:#ffffffe6}.file-operation{position:relative;width:92%}.file-input-hidden{display:none}.validation-badge{border-radius:1rem;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .75rem}.validation-badge.valid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.validation-badge.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.validation-badge.invalid{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@media (max-width:1024px){.modern-content-grid{gap:1.5rem;grid-template-columns:1fr}.format-sections{flex-direction:column}.analytics-grid,.mode-buttons,.recommendations-grid{grid-template-columns:1fr}.frequency-table{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.letter-cell{color:#2d3748;font-weight:600}.letter-char{background:#f7fafc;border-radius:.5rem;display:inline-block;font-family:Courier New,monospace;font-size:1.1rem;min-width:2rem;padding:.5rem;text-align:center}.count-badge{background:#edf2f7;border-radius:1rem;color:#4a5568;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.percentage-value{color:#2d3748;font-weight:600}.average-value{color:#718096;font-size:.875rem}.difference-badge{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.difference-badge.positive{background:#fed7d7;color:#c53030}.difference-badge.negative{background:#e6fffa;color:#234e52}.difference-badge.neutral{background:#f7fafc;color:#4a5568}.visualization-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.visualization-section h4{color:#2d3748;font-size:1.1rem;margin:0 0 1rem}.frequency-bars{display:flex;flex-direction:column;gap:1rem}.frequency-bar-item{display:flex;flex-direction:column;gap:.5rem}.bar-label{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.bar-label .letter{background:#f7fafc;border-radius:.375rem;color:#2d3748;font-family:Courier New,monospace;font-weight:600;padding:.25rem .5rem}.bar-label .percentage{color:#f7243c;font-weight:600}.bar-track{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.bar-fill{background:linear-gradient(90deg,#f7243c,#fb6d34);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.bar-comparison{color:#718096;font-size:.75rem;text-align:right}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.5rem}.summary-card h4{align-items:center;color:#2d3748;display:flex;font-size:1rem;gap:.5rem;margin:0 0 1rem}.top-letters{display:flex;flex-direction:column;gap:.75rem}.top-letter{background:#f8fafc;border-radius:.75rem;gap:1rem;padding:.75rem}.top-letter,.top-letter .rank{align-items:center;display:flex}.top-letter .rank{background:#f7243c;border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;width:1.5rem}.top-letter .letter{color:#2d3748;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;min-width:1rem}.top-letter .frequency{color:#f7243c;font-weight:600;margin-left:auto}.distribution-stats{display:flex;flex-direction:column;gap:.75rem}.dist-stat{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:.5rem 0}.dist-stat:last-child{border-bottom:none}.dist-stat span:first-child{color:#718096;font-size:.875rem}.dist-stat span:last-child{color:#2d3748;font-weight:600}.insights-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:1.5rem}.insights-content{display:flex;flex-direction:column;gap:1rem}.insight-item{align-items:flex-start;background:#f8fafc;border-left:4px solid #f7243c;border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem}.insight-item i{color:#f7243c;margin-top:.125rem}.insight-item div{display:flex;flex-direction:column;gap:.25rem}.insight-item strong{color:#2d3748;font-size:.875rem}.insight-item span{color:#718096;font-size:.8rem;line-height:1.4}.words-grid{grid-template-columns:1fr}.conversion-grid,.transformation-grid{grid-template-columns:repeat(2,1fr)}.pair-content{gap:1rem;grid-template-columns:1fr}.pair-arrow{padding:.5rem 0;transform:rotate(90deg)}.efficiency-display{gap:1.5rem;grid-template-columns:1fr;text-align:center}.radio-group{gap:.5rem}.examples-grid,.options-grid{grid-template-columns:1fr}}@media (max-width:768px){.modern-container{padding:1rem}.modern-header{padding:1.5rem}.modern-header h1{font-size:2rem}.options-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.stats-grid{grid-template-columns:1fr}.action-buttons-small{flex-direction:column}.analytics-column{padding:1rem}.comparison-item,.tip-item{flex-direction:column;gap:.5rem}.comparison-item{align-items:flex-start}.results-overview{grid-template-columns:1fr}.modern-table{font-size:.875rem}.modern-table td,.modern-table th{padding:.75rem .5rem}.frequency-bars{gap:.75rem}.top-letter{padding:.5rem}.word-details{grid-template-columns:1fr}.dist-bar{align-items:stretch;flex-direction:column;gap:.5rem}.dist-bar span:first-child,.dist-bar span:last-child{min-width:auto;text-align:left}.section-badges{justify-content:flex-start;margin-left:0;margin-top:.5rem}.conversion-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-card{flex-direction:column;gap:.75rem;text-align:center}.example-header{align-items:flex-start;flex-direction:column;gap:.5rem}.transformation-grid{grid-template-columns:1fr}.efficiency-item,.pair-controls{flex-direction:column}.efficiency-item{align-items:stretch;gap:.5rem}.efficiency-label,.efficiency-value{min-width:auto;text-align:left}.breakdown-item{align-items:stretch;flex-direction:column;gap:.5rem}.breakdown-label,.breakdown-value{min-width:auto;text-align:left}.statistics-grid{grid-template-columns:repeat(2,1fr)}.statistic-card{flex-direction:column;gap:.75rem;text-align:center}.file-upload-label{min-height:100px;padding:1.5rem}.file-upload-label i{font-size:1.75rem}.operation-btn{padding:1rem}.operation-btn i{font-size:1.25rem;margin-right:.75rem}.operation-label{font-size:.95rem}.operation-description{font-size:.8rem}}@media (max-width:480px){.modern-header h1{font-size:1.75rem}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.copy-btn{justify-content:center;margin-left:0;width:100%}.frequency-table,.summary-card,.visualization-section{padding:1rem}.bar-label{align-items:flex-start;flex-direction:column;gap:.25rem}.analysis-section,.distribution-section{padding:1rem}.word-header{align-items:flex-start;flex-direction:column;gap:.75rem}.word-rank{align-self:flex-start}.analytics-section,.conversion-section,.examples-section,.pairs-section,.transformation-section{padding:1rem}.conversion-btn{padding:1rem .75rem}.preview-container{padding:1rem}.preview-text{font-size:1rem}.transformation-btn{padding:1.25rem .75rem}.pair-item{padding:1rem}.option-checkbox{padding:.75rem}.efficiency-section,.options-section{padding:1rem}.score-circle{height:100px;width:100px}.score-value{font-size:1.5rem}.breakdown-section,.options-section{padding:1rem}.option-checkbox,.radio-option{padding:.75rem}.file-section,.file-upload-label,.statistics-section{padding:1rem}.operation-buttons{gap:.75rem}.operation-btn{padding:.875rem}.operation-btn i{font-size:1.125rem;margin-right:.5rem}}.file-upload-label.loading{cursor:not-allowed;opacity:.7}.file-upload-label.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.file-upload-label.success{background:#f8fff9;border-color:#28a745}.file-upload-label.success i{color:#28a745}.file-upload-label.error{background:#fff5f5;border-color:#dc3545}.file-upload-label.error i{color:#dc3545}:root{--primary-dark:#f7243c;--primary-green:#fb6d34;--accent-hover:#fd9130;--pure-white:#fff;--background-light:#f8f9fa;--text-dark:#1a202c;--text-muted:#718096;--border-light:#f0e9e2;--border-lighter:#f1f5f9;--gradient-primary:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-green) 100%);--gradient-light:linear-gradient(135deg,#f7243c1a,#fb6d344d);--shadow-light:0 2px 20px #19692c14;--shadow-medium:0 8px 30px #19692c1f}.privacy-policy{background:#fff;background:var(--pure-white);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.policy-header{background:linear-gradient(135deg,#f7243c,#fb6d34);background:var(--gradient-primary);color:#fff;color:var(--pure-white);padding:4rem 0;text-align:center}.header-content h1{font-size:3rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.last-updated{font-size:1rem;font-weight:500;margin-bottom:1.5rem;opacity:.9}.header-description{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px;opacity:.9}.policy-content{padding:4rem 0}.policy-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:300px 1fr}.table-of-contents{background:#f0e9e2;border:1px solid #f0e9e2;border:1px solid var(--border-light);border-radius:12px;margin-left:20px;margin-right:20px;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.table-of-contents h3{border-bottom:2px solid #fb6d34;border-bottom:2px solid var(--primary-green);color:#1a202c;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.table-of-contents ul{display:flex;flex-direction:column;gap:.75rem;list-style:none}.table-of-contents li a{border-bottom:1px solid #0000;color:#1a202c;color:var(--text-dark);display:block;font-weight:500;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.table-of-contents li a:hover{border-bottom-color:#fb6d34;border-bottom-color:var(--primary-green);color:#f7243c;color:var(--primary-dark);transform:translateX(4px)}.policy-sections{display:flex;flex-direction:column;gap:3rem;margin-left:20px;margin-right:20px}.policy-section{scroll-margin-top:2rem}.policy-section h2{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--border-lighter);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.policy-section h2,.section-content{color:#1a202c;color:var(--text-dark)}.section-content{line-height:1.7}.section-content h3{color:#f7243c;color:var(--primary-dark);font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.section-content h4{color:#1a202c;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}.section-content p{color:#1a202c;color:var(--text-dark);margin-bottom:1rem}.section-content ul{margin:1rem 0;padding-left:1.5rem}.section-content li{color:#1a202c;color:var(--text-dark);margin-bottom:.5rem}.section-content strong{color:#f7243c;color:var(--primary-dark);font-weight:600}.security-features{background:linear-gradient(135deg,#f7243c1a,#fb6d344d);background:var(--gradient-light);border-left:4px solid #fb6d34;border-left:4px solid var(--primary-green);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.security-features h3{color:#f7243c!important;color:var(--primary-dark)!important;margin-top:0!important}.rights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.right-item{background:#f8f9fa;background:var(--background-light);border:1px solid #f0e9e2;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;transition:all .3s ease}.right-item:hover{border-color:#fb6d34;border-color:var(--primary-green);box-shadow:0 2px 20px #19692c14;box-shadow:var(--shadow-light);transform:translateY(-2px)}.right-item h4{color:#f7243c;color:var(--primary-dark);font-size:1.1rem;margin:0 0 .5rem}.right-item p{color:#1a202c;font-size:.9rem;margin:0}.contact-info{background:#f8f9fa;background:var(--background-light);border-radius:12px;margin-top:1rem;padding:1.5rem}.contact-item{color:#1a202c;color:var(--text-dark);margin-bottom:.5rem}.contact-item strong{color:#f7243c;color:var(--primary-dark)}.policy-actions{background:linear-gradient(135deg,#f7243c1a,#fb6d344d);background:var(--gradient-light);padding:4rem 0;text-align:center}.actions-content h3{color:#1a202c;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:1rem}.actions-content p{color:#1a202c;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.action-buttons{display:flex;gap:1rem}.action-buttons,.btn{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#f7243c,#fb6d34);background:var(--gradient-primary);box-shadow:0 2px 20px #19692c14;box-shadow:var(--shadow-light);color:#fff;color:var(--pure-white)}.btn-primary:hover{box-shadow:0 8px 30px #19692c1f;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--pure-white);border:2px solid #f0e9e2;border:2px solid var(--border-light);color:#f7243c;color:var(--primary-dark)}.btn-secondary:hover{border-color:#fb6d34;border-color:var(--primary-green);transform:translateY(-2px)}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.team-member{align-items:center;background:#f8f9fa;background:var(--background-light);border:1px solid #f0e9e2;border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.team-member:hover{border-color:#fb6d34;border-color:var(--primary-green);box-shadow:0 8px 30px #19692c1f;box-shadow:var(--shadow-medium);transform:translateY(-4px)}.member-avatar{font-size:3rem;margin-bottom:1rem}.member-info h4{color:#1a202c;color:var(--text-dark);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.member-role{color:#fb6d34;color:var(--primary-green);font-weight:600;margin-bottom:.25rem}.member-expertise{color:#718096;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.member-description{color:#1a202c;color:var(--text-dark);line-height:1.5;margin-bottom:1rem}.member-focus{color:#718096;color:var(--text-muted);font-size:.9rem;margin-bottom:0}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.value-item{align-items:flex-start;background:#fff;background:var(--pure-white);border:1px solid #f0e9e2;border:1px solid var(--border-light);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.value-item:hover{border-color:#fb6d34;border-color:var(--primary-green);box-shadow:0 2px 20px #19692c14;box-shadow:var(--shadow-light);transform:translateY(-2px)}.value-icon{align-items:center;background:linear-gradient(135deg,#f7243c1a,#fb6d344d);background:var(--gradient-light);border-radius:10px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;padding:.5rem;width:60px}.value-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.value-content h4,.value-content p{color:#1a202c;color:var(--text-dark)}.value-content p{font-size:.9rem;line-height:1.5;margin:0}.timeline{display:flex;flex-direction:column;gap:2rem;margin:2rem 0;position:relative}.timeline:before{background:#fb6d34;background:var(--primary-green);bottom:0;content:"";left:30px;opacity:.3;position:absolute;top:0;width:2px}.timeline-item{align-items:flex-start;display:flex;gap:1.5rem;position:relative}.timeline-year{background:linear-gradient(135deg,#f7243c,#fb6d34);background:var(--gradient-primary);border-radius:20px;color:#fff;color:var(--pure-white);flex-shrink:0;font-size:.9rem;font-weight:700;min-width:80px;padding:.5rem 1rem;position:relative;text-align:center;z-index:2}.timeline-content{background:#f8f9fa;background:var(--background-light);border:1px solid #f0e9e2;border:1px solid var(--border-light);border-radius:12px;flex:1 1;padding:1.5rem}.timeline-content h4{color:#1a202c;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.timeline-content p{color:#1a202c;color:var(--text-dark);line-height:1.5;margin:0}@media (max-width:968px){.policy-grid{gap:3rem;grid-template-columns:1fr}.table-of-contents{position:static}.rights-grid{grid-template-columns:1fr}}@media (max-width:768px){.container{padding:0 1.5rem}.policy-header{padding:3rem 0}.header-content h1{font-size:2.5rem}.policy-content{padding:3rem 0}.action-buttons{align-items:center;flex-direction:column}.btn{width:200px}.team-grid,.values-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-year{font-size:.8rem;min-width:60px;padding:.5rem .75rem}.value-item{align-items:center;flex-direction:column;text-align:center}.value-icon{margin-bottom:.5rem}}@media (max-width:480px){.container{padding:0 1rem}.header-content h1{font-size:2rem}.table-of-contents{padding:1.5rem}.policy-section h2{font-size:1.5rem}.right-item{padding:1rem}.team-member{padding:1.5rem}.timeline-item{flex-direction:column;gap:1rem}.timeline:before{display:none}.timeline-year{align-self:flex-start}}@media print{.policy-actions,.table-of-contents{display:none}.policy-grid{grid-template-columns:1fr}.policy-header{background:none;color:#1a202c;color:var(--text-dark);padding:2rem 0}}.btn:focus-visible,.table-of-contents a:focus-visible{border-radius:4px;outline:2px solid #fb6d34;outline:2px solid var(--primary-green);outline-offset:2px}.contact-container{color:#2d3748;font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:0 20px}.contact-header{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:0 0 30px 30px;margin-bottom:40px;padding:80px 0 60px;text-align:center}.header-badge{background:linear-gradient(135deg,#f7243c,#fb6d34);border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:8px 20px}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:20px}.contact-header p{color:#718096;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.contact-methods{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.method-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.method-card:before{background:linear-gradient(135deg,#f7243c,#fb6d34);content:"";height:4px;left:0;position:absolute;right:0;top:0}.method-card:hover{box-shadow:0 12px 40px #f7243c26;transform:translateY(-8px)}.method-icon{align-items:center;background:linear-gradient(135deg,#f7243c,#fb6d34);border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.method-card h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:10px}.method-card p{color:#718096;font-size:.95rem;margin-bottom:15px}.method-card a,.method-card span{color:#2d3748;display:block;font-size:1.1rem;font-weight:600;margin-bottom:20px;text-decoration:none}.method-card a:hover{color:#f7243c}.availability,.office-hours,.response-time{align-items:center;border-top:1px solid #e2e8f0;color:#718096;display:flex;font-size:.9rem;gap:8px;justify-content:center;padding-top:15px}.contact-main{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:80px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:40px}.form-header h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:10px}.form-header p{color:#718096;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:25px}.input-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.input-field{display:flex;flex-direction:column}.input-field label{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-field input,.input-field textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;padding:15px;transition:all .3s ease}.input-field input:focus,.input-field textarea:focus{background:#fff;border-color:#fb6d34;box-shadow:0 0 0 3px #fb6d341a;outline:none}.input-field textarea{min-height:120px;resize:vertical}.submit-button{align-items:center;background:linear-gradient(135deg,#f7243c,#fb6d34);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;margin-top:10px;padding:18px 40px;transition:all .3s ease}.submit-button:hover{box-shadow:0 8px 25px #f7243c66;transform:translateY(-2px)}.map-section{display:flex;flex-direction:column;gap:25px}.map-header h2{color:#2d3748;font-size:2rem;font-weight:700;margin-bottom:10px}.map-header p{color:#718096}.map-container{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.map-container iframe{border:0;display:block;height:300px;width:100%}.location-info{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px}.info-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:15px;padding:15px 0}.info-item:last-child{border-bottom:none}.info-item i{color:#fb6d34;font-size:1.2rem;margin-top:2px;min-width:20px}.info-item div{display:flex;flex-direction:column}.info-item strong{color:#2d3748;margin-bottom:4px}.info-item span{color:#718096;font-size:.95rem}@media (max-width:968px){.contact-main{gap:40px;grid-template-columns:1fr}.contact-header h1{font-size:2.8rem}.contact-methods{grid-template-columns:1fr}}@media (max-width:768px){.input-group{grid-template-columns:1fr}.form-section{padding:30px 25px}.contact-header{padding:60px 0 40px}.contact-header h1{font-size:2.2rem}.form-header h2,.map-header h2{font-size:1.7rem}}@media (max-width:480px){.contact-container{padding:0 15px}.method-card{padding:30px 20px}.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.method-icon{font-size:1.5rem;height:70px;width:70px}}.modern-home-container{margin:0 auto;max-width:1400px;padding:0 1rem}.modern-hero-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e0e0;border-radius:1.5rem;margin:2rem 0;padding:4rem 2rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-icon{font-size:3rem;margin-bottom:1.5rem}.hero-icon i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;background-clip:text;margin:0 .5rem}.modern-hero-title{color:#2c3e50;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.modern-hero-subtitle{color:#6c757d;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-stats{display:flex;gap:3rem;justify-content:center;margin-top:2rem}.stat-item{text-align:center}.stat-number{color:#f7243c;display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6c757d;font-size:.9rem;font-weight:500}.features-section{margin:4rem 0}.section-header{margin-bottom:3rem;text-align:center}.section-header i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:1rem}.section-header h2{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem}.section-subtitle{color:#6c757d;font-size:1.1rem;margin:0 auto;max-width:600px}.features-grid1{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card1{background:#fff;border:1px solid #e9ecef;border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card1:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.feature-icon{color:#f7243c;font-size:2.5rem;margin-bottom:1rem}.feature-title{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-description{color:#6c757d;line-height:1.5}.tools-section{margin:4rem 0}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.category-card{background:#fff;border:1px solid #e9ecef;border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem;transition:transform .3s ease}.category-card:hover{transform:translateY(-2px)}.category-header{align-items:center;border-bottom:2px solid #f1f3f4;display:flex;margin-bottom:1.5rem;padding-bottom:1rem}.category-header i{color:#f7243c;font-size:1.5rem;margin-right:1rem}.category-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.tools-list{display:flex;flex-direction:column;gap:.75rem}.tool-item{align-items:center;background:#f8f9fa;border:1px solid #0000;border-radius:.75rem;color:#2c3e50;display:flex;font-weight:500;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;transition:all .3s ease}.tool-item:hover{background:linear-gradient(135deg,#f7243c,#fb6d34);border-color:#f7243c;color:#fff;transform:translateX(5px)}.tool-item:hover .tool-name{color:#fff}.tool-item:hover i{transform:translateX(3px)}.tool-name{transition:color .3s ease}.tool-item i{opacity:.7;transition:transform .3s ease}.cta-section{background:linear-gradient(135deg,#f7243c,#fb6d34);border-radius:1.5rem;color:#fff;margin:4rem 0;padding:4rem 2rem;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-btn{align-items:center;border-radius:.75rem;display:inline-flex;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:#fff;color:#f7243c}.cta-btn.primary:hover{background:#f8f9fa;transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border:2px solid #fff;color:#fff}.cta-btn.secondary:hover{background:#fff;color:#f7243c;transform:translateY(-2px)}.content-section{margin:4rem 0}.modern-content-container{margin:0 auto;max-width:1000px}.content-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:4rem}.content-card{background:#fff;border:1px solid #e9ecef;border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem}.content-header{align-items:center;display:flex;margin-bottom:1rem}.content-header i{color:#f7243c;font-size:1.5rem;margin-right:1rem}.content-header h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.content-card p{color:#6c757d;line-height:1.6;margin:0}.benefits-section{background:#f8f9fa;border-radius:1rem;margin-top:3rem;padding:3rem}.benefits-section h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem;text-align:center}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{align-items:flex-start;display:flex;gap:1rem}.benefit-item i{color:#f7243c;font-size:1.5rem;margin-top:.25rem}.benefit-item div{display:flex;flex-direction:column}.benefit-item strong{color:#2c3e50;font-size:1.1rem;margin-bottom:.25rem}.benefit-item span{color:#6c757d;font-size:.9rem}@media (max-width:768px){.modern-hero-title{font-size:2.5rem}.hero-stats{gap:2rem}.stat-number{font-size:1.5rem}.content-grid,.tools-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-btn{justify-content:center;width:200px}}@media (max-width:480px){.modern-hero-title{font-size:2rem}.modern-hero-subtitle{font-size:1.1rem}.hero-stats{flex-direction:column;gap:1.5rem}.section-header h2{font-size:2rem}.category-card,.content-card{padding:1.5rem}}:root{--primary-red:#f7243c;--primary-orange:#fb6d34;--accent-color:#fd9130;--dark-bg:#f7243c;--card-bg:#ffffff0d;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--border-color:#ffffff1a;--hover-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--glow-effect:0 8px 32px #f7243c26}.modern-footer{color:#fff;color:var(--text-primary);overflow:hidden}.footer-background,.modern-footer{background:#f7243c;background:var(--dark-bg);position:relative}.footer-background:before{background:linear-gradient(90deg,#0000,#f7243c 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--primary-red) 50%,#0000 100%);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1280px;padding:0 2rem}.footer-main{grid-gap:4rem;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:grid;gap:4rem;grid-template-columns:1.2fr 2fr;padding:5rem 0 3rem}.footer-brand{display:flex;flex-direction:column;gap:2rem}.brand-header{align-items:center;display:flex;gap:1rem}.brand-logo{filter:drop-shadow(0 4px 12px rgba(247,36,60,.3));height:60px;object-fit:contain;width:60px}.brand-text{display:flex;flex-direction:column}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fd9130);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0}.brand-subtitle{color:#fff;font-size:.9rem;font-weight:500;margin-top:.25rem}.brand-description{color:#fffc;color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:0}.social-section{display:flex;flex-direction:column;gap:1rem}.social-label{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.social-links{display:flex;gap:.75rem}.social-link{align-items:center;background:#fb6d34;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:12px;color:#fffc;color:var(--text-secondary);display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--hover-transition);width:44px}.social-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.social-link:hover:before{left:100%}.social-link:hover{background:linear-gradient(135deg,#f7243c,#fb6d34);background:linear-gradient(135deg,var(--primary-red),var(--primary-orange));border-color:#0000;box-shadow:0 8px 32px #f7243c26;box-shadow:var(--glow-effect);color:#fff;transform:translateY(-2px)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.link-group{display:flex;flex-direction:column;gap:1.25rem}.link-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0;padding-bottom:.75rem;position:relative}.link-title:after{border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.link-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.link-item{color:#fffc;color:var(--text-secondary);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--hover-transition)}.link-item:before{background:#f7243c;background:var(--primary-red);border-radius:2px;content:"";height:0;left:-8px;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.link-item:hover{color:#fff;color:var(--text-primary);transform:translateX(8px)}.link-item:hover:before{height:60%}.footer-bottom{padding:2rem 0}.footer-bottom-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.copyright-text{color:#fff;font-size:.9rem;font-weight:500;margin:0}.footer-legal{gap:2rem}.footer-legal,.legal-links{align-items:center;display:flex}.legal-links{gap:.75rem}.legal-link{color:#fff;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--hover-transition)}.legal-link:hover{color:#fff9;color:var(--text-muted)}.link-separator{color:#fff;font-size:.75rem}@media (max-width:1024px){.footer-main{gap:3rem;grid-template-columns:1fr}.footer-links{gap:2rem;grid-template-columns:repeat(2,1fr)}.newsletter-content{flex-direction:column;gap:2rem;text-align:center}.newsletter-form{flex:1 1;max-width:400px;width:100%}}@media (max-width:768px){.footer-container{padding:0 1.5rem}.footer-main{padding:3rem 0 2rem}.footer-links{gap:2rem;grid-template-columns:1fr}.newsletter-content{padding:2rem}.newsletter-form{flex-direction:column}.footer-bottom-content{text-align:center}.footer-bottom-content,.footer-legal{flex-direction:column;gap:1.5rem}}@media (max-width:480px){.footer-container{padding:0 1rem}.brand-header{flex-direction:column;gap:.75rem;text-align:center}.brand-name{font-size:1.75rem}.social-links{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer-main>*{animation:fadeInUp .6s ease-out}.footer-brand{animation-delay:.1s}.footer-links{animation-delay:.2s}.footer-bottom{animation-delay:.4s}
/*# sourceMappingURL=main.ad6588f3.css.map*/