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{margin:0;padding:0}body,html{height:100%}:root{--nav-height:70px;--nav-bg:#fff;--dropdown-bg:#fff;--nav-color:#334155;--accent-color:#fb6d34;--accent-hover:#fd9130;--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{grid-gap:1.75rem;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(480px,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{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(480px,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{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:#f7243c;--primary-dark:#d61a30;--secondary:#fb6d34;--secondary-light:#ff8a5c;--accent:#2a5caa;--accent-light:#3a7bda;--light-bg:#fff6f4;--light-bg-alt:#f8f9fa;--text-dark:#333;--text-medium:#555;--text-light:#666;--white:#fff;--shadow:0 4px 20px #00000014;--shadow-hover:0 8px 25px #f7243c26;--border-radius:16px;--transition:all 0.3s ease}.article-container{margin:0 auto;max-width:900px;padding:0 20px}.article-header{padding:60px 0 40px;position:relative;text-align:center}.title-badge{background:linear-gradient(135deg,#f7243c,#fb6d34);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:20px;box-shadow:0 2px 10px #f7243c33;color:#fff;color:var(--white);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:8px 16px;text-transform:uppercase}.article-title{color:#f7243c;color:var(--primary);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:20px}.title-decoration{background:linear-gradient(90deg,#f7243c,#fb6d34);background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;height:4px;margin:0 auto;width:80px}.article-content{display:flex;flex-direction:column;gap:40px;padding-bottom:60px}.intro-card{background:#fff;background:var(--white);border-left:4px solid #f7243c;border-left:4px solid var(--primary);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);overflow:hidden;padding:30px;position:relative}.intro-card:before{background:linear-gradient(135deg,#f7243c0d,#fb6d340d);border-radius:0 0 0 100px;content:"";height:100px;position:absolute;right:0;top:0;width:100px}.article-intro{color:#555;color:var(--text-medium);font-size:1.1rem;line-height:1.7;margin:0}.feature-grid{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:40px 30px}.grid-container{counter-reset:feature-counter;display:flex;flex-direction:column;gap:35px;margin-top:25px}.feature-card{align-items:flex-start;display:flex;gap:25px;padding:30px;position:relative;transition:all .3s ease;transition:var(--transition)}.feature-card:before{align-items:center;background:linear-gradient(135deg,#f7243c,#fb6d34);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;box-shadow:0 4px 15px #f7243c4d;color:#fff;content:counter(feature-counter);counter-increment:feature-counter;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;width:50px}.feature-card:after{background:linear-gradient(90deg,#0000,#f7243c33,#0000);bottom:-18px;content:"";height:1px;left:25px;position:absolute;right:25px}.feature-card:last-child:after{display:none}.feature-card:hover{background:linear-gradient(135deg,#f7243c08,#fb6d3408);border-radius:12px;transform:translateX(10px)}.feature-icon{display:none}.feature-content h3{color:#f7243c;color:var(--primary);font-size:1.3rem;font-weight:700;margin-bottom:12px}.feature-content p{color:#555;color:var(--text-medium);font-size:1.05rem;line-height:1.7;margin:0}.guide-section{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:40px 30px}.steps-container{display:flex;flex-direction:column;gap:20px;margin-top:25px}.step-item{align-items:flex-start;background:#fff6f4;background:var(--light-bg);border-left:4px solid #fb6d34;border-left:4px solid var(--secondary);border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease;transition:var(--transition)}.step-item:hover{transform:translateX(5px)}.step-number{align-items:center;background:#f7243c;background:var(--primary);border-radius:50%;box-shadow:0 2px 8px #f7243c4d;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{color:#555;color:var(--text-medium);line-height:1.6}.best-practices{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:40px 30px}.practices-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:25px}.practice-item{align-items:center;background:#fff6f4;background:var(--light-bg);border-radius:8px;display:flex;gap:12px;padding:15px;transition:all .3s ease;transition:var(--transition)}.practice-item:hover{background:#f7243c0d}.check-icon{color:#f7243c;color:var(--primary);font-size:1.1rem;font-weight:700}.why-choose{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:40px 30px}.highlight-card{background:linear-gradient(135deg,#fff6f4,#ffeae5b3);background:linear-gradient(135deg,var(--light-bg) 0,#ffeae5b3 100%);border-left:4px solid #f7243c;border-left:4px solid var(--primary);border-radius:12px;overflow:hidden;padding:30px;position:relative}.highlight-card:before{background:linear-gradient(135deg,#f7243c0d,#fb6d340d);border-radius:50%;content:"";height:100px;position:absolute;right:-20px;top:-20px;width:100px}.notes-section{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:40px 30px}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:25px}.note-item{align-items:center;background:#fff6f4;background:var(--light-bg);border-radius:8px;display:flex;gap:15px;padding:20px;transition:all .3s ease;transition:var(--transition)}.note-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.note-badge{font-size:1.5rem}.conclusion-card{background:linear-gradient(135deg,#f7243c,#fb6d34);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:16px;border-radius:var(--border-radius);overflow:hidden;padding:40px;position:relative;text-align:center}.conclusion-card:before{right:-50px;top:-50px}.conclusion-card:after,.conclusion-card:before{background:#ffffff1a;border-radius:50%;content:"";height:150px;position:absolute;width:150px}.conclusion-card:after{bottom:-50px;left:-50px}.article-conclusion{color:#fff;color:var(--white);font-size:1.2rem;font-weight:500;line-height:1.7;margin:0;position:relative;z-index:1}.faq-section{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:40px 30px}.faq-grid{display:flex;flex-direction:column;gap:25px;margin-top:25px}.faq-item{background:#fff6f4;background:var(--light-bg);border-left:4px solid #fb6d34;border-left:4px solid var(--secondary);border-radius:12px;padding:25px;transition:all .3s ease;transition:var(--transition)}.faq-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-3px)}.faq-item h3{color:#f7243c;color:var(--primary);font-size:1.2rem;font-weight:600;margin-bottom:10px}.faq-item p{color:#555;color:var(--text-medium);line-height:1.6;margin:0}.article-heading{color:#fb6d34;color:var(--secondary);display:inline-block;font-size:1.6rem;font-weight:700;margin-bottom:20px;position:relative}.article-heading:after{background:linear-gradient(90deg,#f7243c,#fb6d34);background:linear-gradient(to right,var(--primary),var(--secondary));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:50px}.cta-button{background:linear-gradient(135deg,#f7243c,#fb6d34);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:30px;box-shadow:0 4px 15px #f7243c4d;color:#fff;color:var(--white);display:inline-block;font-weight:600;margin-top:20px;padding:12px 30px;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.cta-button:hover{box-shadow:0 6px 20px #f7243c66;transform:translateY(-3px)}@media (max-width:768px){.article-title{font-size:2rem}.article-content{gap:30px}.grid-container{grid-template-columns:1fr}.step-item{flex-direction:column;gap:15px;text-align:center}.notes-grid,.practices-grid{grid-template-columns:1fr}.best-practices,.faq-section,.feature-grid,.guide-section,.intro-card,.notes-section,.why-choose{padding:25px 20px}.article-heading{font-size:1.4rem}}.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:92%}.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{display:flex;gap:1rem;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}.policy{margin:0 auto;max-width:800px;padding:20px}.hero-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1.5rem;margin-bottom:3rem;padding:2rem;text-align:center}.policy-container{border-left:1px solid #fb6d34;border-radius:10px;border-right:1px solid #f7243c;padding:15px}.policy-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;font-size:x-large;padding-bottom:5px;padding-top:5px}.policy p{margin-bottom:15px}.policy li,.policy ul{list-style-type:disc;margin:10px;padding:0 0 0 20px}@media screen and (max-width:600px){.policy{font-size:14px;padding:10px}.policy h2{font-size:20px}.policy p{margin-bottom:10px}.policy ul{padding:0 0 0 15px}}.contact-container{color:#333;font-family:Inter,sans-serif;margin:0 auto;max-width:1000px;padding:50px 20px}.contact-header{margin-bottom:60px;text-align:center}.contact-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7243c,#fb6d34);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:15px}.contact-header p{color:#666;font-size:1rem;line-height:1.7;margin:0 auto;max-width:700px}.contact-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.contact-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #0000000d;padding:30px 25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:280px}.contact-card:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-6px)}.contact-card i{color:#fb6d34;margin-bottom:15px;transition:color .3s ease}.contact-card h3{font-size:1.3rem;font-weight:600;margin:15px 0 10px}.contact-card p{color:#555;font-size:.95rem;line-height:1.5}.contact-card a{color:#fb6d34;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-card a:hover{color:#f7243c}.contact-map{border-radius:16px;box-shadow:0 6px 20px #00000014;margin-top:50px;overflow:hidden}.contact-map iframe{border:0;border-radius:16px;height:420px;width:100%}@media (max-width:900px){.contact-card{width:45%}}@media (max-width:600px){.contact-cards{flex-direction:column;gap:20px}.contact-card{width:100%}.contact-header h1{font-size:2rem}.contact-header p{font-size:.95rem}.contact-map iframe{height:300px}}.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-color:#f7243c;--accent-color:#fd9130;--text-light:#fffc;--hover-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--card-bg:#ffffff1a;--glow-effect:0 8px 32px #f7243c33}.professional-footer{background:linear-gradient(135deg,#f7243c,#fb6d34);border-top:1px solid #ffffff1a;color:#fff;margin-top:auto;overflow:hidden;padding:4rem 0 1.5rem;position:relative}.professional-footer:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.professional-footer-container{margin:0 auto;max-width:1280px;padding:0 2rem;position:relative;z-index:2}.professional-footer-grid{grid-gap:3rem;border-bottom:1px solid #ffffff26;display:grid;gap:3rem;grid-template-columns:1.5fr repeat(2,1fr);padding-bottom:2.5rem}.professional-brand-section{max-width:380px}.professional-brand-logo{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.professional-logo-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:50px;object-fit:contain;transition:transform .3s ease;width:50px}.professional-logo-image:hover{transform:scale(1.05)}.professional-brand-text{display:flex;flex-direction:column}.professional-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffd166);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0}.professional-brand-tagline{color:#fffc;color:var(--text-light);font-size:.875rem;font-weight:500;margin-top:.25rem}.professional-brand-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#fffc;color:var(--text-light);font-size:1rem;line-height:1.7;margin-bottom:2rem;padding:1.25rem}.professional-app-badges{display:flex;gap:1rem;margin-bottom:2.5rem}.professional-store-link{border-radius:12px;display:inline-block;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--hover-transition)}.professional-store-image{border-radius:12px;box-shadow:0 8px 32px #f7243c33;box-shadow:var(--glow-effect);height:45px;transition:all .3s ease}.professional-store-link:hover .professional-store-image{box-shadow:0 12px 40px #f7243c4d;transform:translateY(-3px) scale(1.05)}.professional-social-links{display:flex;gap:.8rem}.professional-social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-bg);border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;font-size:1.1rem;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}.professional-social-icon:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.professional-social-icon:hover:before{left:100%}.professional-social-icon:hover{background:#fd9130;background:var(--accent-color);border-color:#ffffff4d;box-shadow:0 8px 32px #f7243c33;box-shadow:var(--glow-effect);transform:translateY(-3px)}.professional-footer-column{display:flex;flex-direction:column}.professional-nav-title{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:-.25px;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.professional-nav-title:after{background:linear-gradient(90deg,#fd9130,#0000);background:linear-gradient(90deg,var(--accent-color),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.professional-nav-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.professional-nav-link{border-radius:8px;box-sizing:border-box;color:#fffc;color:var(--text-light);display:inline-block;font-weight:500;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--hover-transition);width:100%}.professional-nav-link:before{background:#fd9130;background:var(--accent-color);border-radius:2px;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:4px}.professional-nav-link:hover{background:#ffffff14;color:#fff;transform:translateX(8px)}.professional-nav-link:hover:before{height:70%}.professional-copyright-section{padding-top:2rem}.professional-copyright-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.professional-copyright-text{color:#fffc;color:var(--text-light);font-size:.9rem;font-weight:500;margin:0}.professional-legal-links{align-items:center;display:flex;gap:.5rem}.professional-legal-link{color:#fffc;color:var(--text-light);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--hover-transition)}.professional-legal-link:hover{color:#fff}.professional-link-separator{color:#fffc;color:var(--text-light);font-size:.75rem}@media (max-width:1024px){.professional-footer-grid{gap:2.5rem;grid-template-columns:1fr}.professional-brand-section{max-width:100%;text-align:center}.professional-brand-logo{justify-content:center}.professional-nav-title:after{left:50%;transform:translateX(-50%)}.professional-copyright-content{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:768px){.professional-footer{padding:3rem 0 1.5rem}.professional-footer-container{padding:0 1.5rem}.professional-footer-grid{gap:2rem}.professional-app-badges{flex-wrap:wrap;justify-content:center}.professional-social-links{justify-content:center}.professional-brand-name{font-size:1.5rem}.professional-brand-description{font-size:.9rem;padding:1rem}}@media (max-width:480px){.professional-footer{padding:2.5rem 0 1.25rem}.professional-footer-container{padding:0 1rem}.professional-store-image{height:40px}.professional-social-icon{height:40px;width:40px}.professional-nav-link{padding:.6rem .75rem}}@keyframes professionalFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.professional-footer-grid>*{animation:professionalFadeInUp .6s ease-out}.professional-brand-section{animation-delay:.1s}.professional-footer-column:nth-child(2){animation-delay:.2s}.professional-footer-column:nth-child(3){animation-delay:.3s}
/*# sourceMappingURL=main.1b29fefa.css.map*/