*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--secondary-color:#64748b;--accent-pink:#db2777;--accent-teal:#0d9488;--accent-orange:#ea580c;--accent-purple:#7c3aed;--accent-blue:#2563eb;--accent-green:#16a34a;--accent-yellow:#ca8a04;--accent-red:#dc2626;--background:#f8fafc;--surface:#fff;--surface-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.1);--shadow-glow:0 0 0 transparent;--shadow-colored:0 4px 6px -1px rgba(79,70,229,.1);--radius:0.5rem;--radius-sm:0.375rem;--radius-lg:0.75rem;--radius-xl:1rem;--glass-bg:hsla(0,0%,100%,.95);--glass-border:var(--border);--glass-shadow:var(--shadow-sm);--category-popular:#fff7ed;--category-text:#eff6ff;--category-fancy:#faf5ff;--category-social:#fdf2f8;--category-whatsapp:#f0fdf4;--category-instagram:#fff7ed;--category-emoji:#eef2ff;--category-turkish:#fef2f2;--category-effects:#f5f3ff;--gradient-primary:linear-gradient(135deg,#4f46e5,#6366f1);--gradient-accent:linear-gradient(135deg,#db2777,#e11d48);--gradient-warm:linear-gradient(135deg,#ea580c,#db2777);--gradient-cool:linear-gradient(135deg,#0891b2,#4f46e5);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--card-bg:var(--surface);--text-main:var(--text-primary);--primary-rgb:79,70,229;--border-color:var(--border);--bg-main:var(--background)}.dark{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:rgba(99,102,241,.15);--secondary-color:#94a3b8;--accent-pink:#f472b6;--accent-teal:#2dd4bf;--accent-orange:#fb923c;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-green:#4ade80;--accent-yellow:#facc15;--accent-red:#f87171;--background:#020617;--surface:#0f172a;--surface-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border:#1e293b;--border-hover:#334155;--shadow-glow:0 0 0 transparent;--shadow-colored:0 0 0 transparent;--glass-bg:rgba(15,23,42,.9);--glass-border:var(--border);--glass-shadow:0 4px 6px -1px rgba(0,0,0,.5);--category-popular:#331f0e;--category-text:#0e223d;--category-fancy:#281436;--category-social:#2d1020;--category-whatsapp:#052e16;--category-instagram:#331f0e;--category-emoji:#1e1b4b;--category-turkish:#450a0a;--category-effects:#2e1065;--gradient-primary:linear-gradient(135deg,#6366f1,#818cf8);--gradient-accent:linear-gradient(135deg,#f472b6,#db2777);--card-bg:var(--surface);--text-main:var(--text-primary);--primary-rgb:99,102,241;--border-color:var(--border);--bg-main:var(--background)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.glass-effect{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.glass-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);transition:all .2s ease}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-color)}.header{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:1rem}@media (max-width:1024px){.desktop-nav{gap:.75rem}.logo{font-size:1.25rem}}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),#8b5cf6,#ec4899);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.logo:hover{transform:translateY(-1px);opacity:.9;background-position:100%}.logo-image{height:40px!important;width:auto!important;object-fit:contain;display:block}.logo-container{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease}.logo-container:hover{transform:scale(1.02)}.logo-wrapper{position:relative;height:40px}.header-actions,.logo-wrapper{display:flex;align-items:center}.header-actions{gap:1rem}.desktop-nav{display:flex;gap:.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.9375rem;padding:.625rem 1rem;border-radius:2rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-link.active,.nav-link:hover{color:var(--primary-color);background:var(--primary-light)}.nav-link:after{content:none}.nav-item-dropdown{position:relative;display:flex;align-items:center;height:100%}.simple-dropdown{top:100%;transform:translateX(-50%) translateY(15px);border:1px solid var(--border);padding:.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:.25rem;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:240px;z-index:110;pointer-events:none}.simple-dropdown,.simple-dropdown:before{position:absolute;left:50%;background:var(--surface)}.simple-dropdown:before{content:"";top:-6px;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;border-left:1px solid var(--border);border-top:1px solid var(--border)}.nav-item-dropdown:focus-within .simple-dropdown,.nav-item-dropdown:hover .simple-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px);pointer-events:auto}.dropdown-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s ease}.dropdown-link:hover{background:var(--primary-light);color:var(--primary-color);transform:translateX(4px)}.dropdown-icon{font-size:1.1rem;background:var(--surface-elevated);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s ease;flex-shrink:0}.dropdown-link:hover .dropdown-icon{background:var(--surface);border-color:var(--primary-color);color:var(--primary-color)}.dark-mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-secondary)}.dark-mode-toggle:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:rotate(180deg)}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:44px;height:44px;padding:12px 10px;background:transparent;border:none;cursor:pointer;z-index:105}.hamburger-btn span{display:block;width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .3s ease}.hamburger-btn.active span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:101;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:auto;max-height:0;background:var(--surface);z-index:102;overflow:hidden;transition:max-height .4s ease-in-out,box-shadow .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.1);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top)}.mobile-menu.active{max-height:400px}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.mobile-menu-title{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.close-menu-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer}.mobile-nav{display:flex;flex-direction:column;padding:1rem}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;color:var(--text-primary);text-decoration:none;font-weight:500;border-radius:var(--radius);transition:background .2s ease;border-bottom:1px solid var(--border)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{background:var(--primary-light);color:var(--primary-color)}.nav-icon{font-size:1.25rem}@media (max-width:768px){.desktop-nav{display:none}.hamburger-btn{display:flex}}.mobile-nav-dropdown-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:1rem;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;border-bottom:1px solid var(--border);text-align:left}.mobile-nav-dropdown-btn .nav-icon{margin-right:1rem}.mobile-nav-dropdown-btn .chevron{transition:transform .3s ease;font-size:.8rem;color:var(--text-muted)}.mobile-nav-dropdown-btn.open .chevron{transform:rotate(180deg)}.mobile-dropdown-menu{display:none;flex-direction:column;padding:.5rem 1rem 1rem 3.25rem;background:var(--surface-elevated);border-bottom:1px solid var(--border)}.mobile-dropdown-menu.open{display:flex;animation:slideDownFade .2s ease forwards}.mobile-dropdown-link{color:var(--text-secondary);font-size:.9375rem;text-decoration:none;padding:.5rem 0;transition:color .2s ease;display:flex;align-items:center;gap:.5rem}.mobile-dropdown-link:hover{color:var(--primary-color)}.mobile-dropdown-icon{font-size:1rem;background:var(--surface-elevated);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s ease;flex-shrink:0}.mobile-dropdown-link:hover .mobile-dropdown-icon{background:var(--surface);border-color:var(--primary-color);color:var(--primary-color)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ripple-container{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.3);transform:scale(0);animation:ripple .6s linear;pointer-events:none}.dark .ripple-effect{background:hsla(0,0%,100%,.15)}@keyframes ripple{to{transform:scale(4);opacity:0}}.btn-primary,.close-menu-btn,.dark-mode-toggle,.hamburger-btn,.mobile-nav-link,.nav-link{position:relative;overflow:hidden}.breadcrumb-container{padding:1.5rem 0 .5rem;margin-bottom:0}.breadcrumb{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--text-secondary)}.breadcrumb a{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all .2s ease}.breadcrumb a:hover{color:var(--primary-hover);text-decoration:underline}.breadcrumb span{color:var(--text-muted);font-weight:500}.breadcrumb-separator{color:var(--text-muted);opacity:.6;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .breadcrumb a{color:var(--primary-color)}.dark .breadcrumb span{color:var(--text-secondary)}.main{min-height:calc(100vh - 200px);padding:0}.sticky-category-nav{position:-webkit-sticky;position:sticky;top:72px;z-index:90;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 0;margin-bottom:var(--spacing-xl);transition:all .3s ease}.category-nav-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:0 var(--spacing-md);-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-nav-scroll::-webkit-scrollbar{display:none}.category-nav-button{flex-shrink:0;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:2rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-nav-button:hover{color:var(--primary-color);background:var(--surface-elevated)}.category-nav-button.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.25)}.category-section{margin-bottom:var(--spacing-2xl);scroll-margin-top:150px}.category-header{gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.category-link-heading{transition:all .3s ease}.category-link-heading:hover{color:var(--primary-color)!important}.heading-link-icon{transition:all .3s cubic-bezier(.34,1.56,.64,1);opacity:.5}.category-link-heading:hover .heading-link-icon{opacity:1;transform:translate(2px,-2px) scale(1.1);color:var(--primary-color)}.category-count{background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;padding:.125rem .5rem}.font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.font-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md);transition:all .2s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:flex;flex-direction:column}.font-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.font-card:active{transform:translateY(0);box-shadow:var(--shadow-sm);transition:all .1s ease}.font-card.popular{border-color:#fbbf24;background:#fffbeb}.dark .font-card.popular{background:#451a03;border-color:#92400e}.font-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.font-card-title{flex:1 1}.font-name{color:var(--text-primary);font-size:1.125rem;margin-bottom:.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.font-name,.popular-badge{font-weight:700;align-items:center}.popular-badge{display:inline-flex;gap:.25rem;font-size:.6875rem;padding:.25rem .5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:1rem;text-transform:uppercase;letter-spacing:.025em}.favorite-button{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.favorite-button:hover{background:rgba(236,72,153,.1);transform:scale(1.2)}.favorite-button.active{animation:heartBeat .5s ease-in-out}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1)}75%{transform:scale(1.2)}}.font-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.5}.platform-tags{display:flex;gap:.375rem;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.platform-tag{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;padding:.25rem .5rem;background:rgba(37,99,235,.1);border-radius:.5rem;transition:transform .2s ease}.platform-tag:hover{transform:scale(1.1)}.platform-tag.more{font-size:.75rem;background:var(--surface);color:var(--text-secondary)}.font-preview{font-size:1.5rem;min-height:4rem;padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius);margin-bottom:var(--spacing-md);word-break:break-word;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;transition:border-color .3s ease}.font-card:hover .font-preview{border-color:var(--primary-color)}.copy-button{width:100%;padding:.75rem;background:var(--surface);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;margin-top:auto}.copy-button:hover{background:var(--primary-light);transform:translateY(-1px)}.copy-button:active{transform:translateY(1px)}.copy-button.copied{background:var(--success);border-color:var(--success);color:#fff;transform:scale(.98)}.toast{bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--success),#059669);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(16,185,129,.4);gap:var(--spacing-sm);font-size:.9375rem;animation:toastSlideIn .3s ease,toastSlideOut .3s ease 2.7s;animation-fill-mode:forwards;min-width:200px}.toast-icon{font-size:1.5rem;font-weight:700}@keyframes toastSlideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}.show-more-button{width:100%;padding:var(--spacing-md);background:linear-gradient(135deg,var(--primary-color),#4f46e5);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md);box-shadow:var(--shadow-md)}.show-more-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.seo-content{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-2xl);box-shadow:var(--shadow-md)}.seo-content h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.seo-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem}.seo-content p{line-height:1.8}.seo-content p,.seo-content ul{color:var(--text-secondary);margin-bottom:1rem}.seo-content ul{margin-left:1.5rem}.seo-content li{margin-bottom:.5rem;line-height:1.6}.info-section{margin-top:3rem;margin-bottom:2rem}.section-main-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:2rem;position:relative;letter-spacing:-.02em}.section-main-title:after{content:"";display:block;width:60px;height:4px;background:var(--gradient-primary);margin:.75rem auto 0;border-radius:2px;opacity:.8}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;grid-gap:1.25rem;gap:1.25rem}.info-box{background:var(--background);border-radius:1rem;padding:2rem;margin-bottom:2rem;border:1px solid var(--border);position:relative;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);animation:boxFadeIn .8s cubic-bezier(.22,1,.36,1) both;text-align:left}.info-subsection{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed var(--border)}.info-subsection:first-of-type{border-top:none;margin-top:1rem}.info-box ol,.info-box ul{margin:1.5rem 0;padding-left:1.5rem;text-align:left}.info-box li{margin-bottom:.75rem;color:var(--text-secondary);line-height:1.6}.reveal.active{transform:translateY(0) scale(1)}.section-image-container{margin-top:1.5rem;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid var(--border);background:var(--surface-elevated)}.section-image{transition:transform .6s cubic-bezier(.22,1,.36,1)}.section-image:hover{transform:scale(1.02)}.info-box:first-child{animation-delay:.1s}.info-box:nth-child(2){animation-delay:.2s}.info-box:nth-child(3){animation-delay:.3s}@keyframes boxFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.info-box:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 15px 35px rgba(0,0,0,.12);border-color:var(--primary-color)}.info-box-large{grid-row:span 2}.info-box-large,.info-box-medium{grid-column:span 2}.info-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:1.25rem 1.25rem 0 0}.gradient-purple{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.05));border:2px solid rgba(139,92,246,.2)}.gradient-purple:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.gradient-purple:hover{border-color:rgba(139,92,246,.4);background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(99,102,241,.08))}.gradient-pink{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(244,114,182,.05));border:2px solid rgba(236,72,153,.2)}.gradient-pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.gradient-pink:hover{border-color:rgba(236,72,153,.4);background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(244,114,182,.08))}.gradient-blue{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(96,165,250,.05));border:2px solid rgba(59,130,246,.2)}.gradient-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.gradient-blue:hover{border-color:rgba(59,130,246,.4);background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(96,165,250,.08))}.info-box-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.info-box h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-top:1.5rem;margin-bottom:1rem;text-align:center}.info-box p{color:var(--text-secondary);line-height:1.7;margin:0}.info-box-large h3{font-size:1.5rem}.info-box-large .info-box-icon{font-size:3rem}.detailed-steps{gap:1.25rem}.detailed-step{background:var(--surface-elevated);border-left:4px solid var(--primary-color);padding:1.25rem;border-radius:.75rem;display:grid;grid-template-columns:auto 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:center}.step-number-large{width:40px;height:40px;background:var(--gradient-primary);font-size:1.25rem;flex-shrink:0}.step-icon-circle{font-size:1.75rem;background:var(--primary-light);padding:.75rem;width:56px;height:56px}.step-details h3{color:var(--primary-color);font-size:1.2rem;margin-bottom:.25rem}.step-details p{font-size:.95rem;line-height:1.6}@media (max-width:640px){.detailed-step{grid-template-columns:1fr;gap:1rem;padding:1rem}.step-visual{justify-content:flex-start}}.step-arrow,.step-check{position:absolute;right:-1.25rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--primary-color);font-weight:700;z-index:10}.step-check{right:auto;left:50%;top:auto;bottom:-1.5rem;transform:translateX(-50%);width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.step-box:last-child .step-arrow{display:none}.platforms-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1rem;gap:1rem}.platform-box{background:var(--background);border:2px solid var(--border);border-radius:1rem;padding:1.25rem 1rem;text-align:center;transition:all .3s ease;animation:platformPop .5s ease-out both}.platform-box:first-child{animation-delay:.05s}.platform-box:nth-child(2){animation-delay:.1s}.platform-box:nth-child(3){animation-delay:.15s}.platform-box:nth-child(4){animation-delay:.2s}.platform-box:nth-child(5){animation-delay:.25s}.platform-box:nth-child(6){animation-delay:.3s}@keyframes platformPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.platform-box:hover{transform:translateY(-5px) scale(1.05);border-color:var(--primary-color);box-shadow:0 10px 25px rgba(0,0,0,.1)}.platform-icon{font-size:2rem;margin-bottom:.5rem}.platform-box h3{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.platform-box p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.other-tools-section{padding-bottom:5rem;animation:boxFadeIn .8s cubic-bezier(.22,1,.36,1) both}.tools-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.tool-directory-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border);position:relative;overflow:hidden}.tool-directory-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--accent-primary);box-shadow:0 20px 40px rgba(139,92,246,.1)}.tool-card-icon{font-size:2.5rem;flex-shrink:0;transition:transform .3s ease}.tool-directory-card:hover .tool-card-icon{transform:rotate(10deg) scale(1.1)}.tool-card-content{flex-grow:1}.tool-card-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.tool-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.tool-card-arrow{color:var(--text-muted);transition:all .3s ease}.tool-directory-card:hover .tool-card-arrow{color:var(--accent-primary);transform:translateX(5px)}@media (max-width:640px){.tools-directory-grid{grid-template-columns:1fr}}.faq-section-premium{padding:1rem 0 3rem;margin-top:1rem}.faq-header-container{margin-bottom:2rem;text-align:center}.title-accent-line{width:60px;height:4px;background:var(--gradient-primary);margin:1rem auto 0;border-radius:2px}.faq-grid-premium{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto}.faq-card-premium{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-sm)}.faq-card-premium:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-card-premium.active{border-color:var(--primary-color);box-shadow:0 10px 30px -10px rgba(79,70,229,.2);background:var(--surface-elevated)}.dark .faq-card-premium.active{background:rgba(99,102,241,.05);box-shadow:0 10px 30px -10px rgba(0,0,0,.3)}.faq-trigger-premium{width:100%;padding:1.5rem 1.75rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;text-align:left;gap:1.5rem;transition:all .3s ease}.faq-question-text{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.4;transition:color .3s ease}.faq-card-premium.active .faq-question-text,.faq-icon-wrapper{color:var(--primary-color)}.faq-icon-wrapper{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;transition:all .4s cubic-bezier(.22,1,.36,1);flex-shrink:0}.faq-card-premium.active .faq-icon-wrapper{background:var(--primary-color);color:#fff;transform:rotate(180deg)}.faq-chevron-icon{transition:transform .4s ease}.faq-content-premium{overflow:hidden;transition:all .5s cubic-bezier(.22,1,.36,1)}.faq-answer-inner{padding:0 1.75rem 1.75rem}.faq-answer-inner p{color:var(--text-secondary);line-height:1.8;font-size:1rem;margin:0;padding-top:1.25rem;border-top:1px solid var(--border)}@media (max-width:768px){.faq-trigger-premium{padding:1.25rem}.faq-question-text{font-size:1rem}.faq-answer-inner{padding:0 1.25rem 1.25rem}}.feature-banner{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.04));border:2px solid rgba(16,185,129,.15);border-radius:1.25rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:bannerSlide .6s ease-out both;position:relative;overflow:hidden}.feature-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#14b8a6);opacity:0;transition:opacity .3s ease}.feature-banner:hover:before{opacity:1}@keyframes bannerSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-banner:hover{transform:translateY(-5px);border-color:rgba(16,185,129,.3);box-shadow:0 20px 40px rgba(16,185,129,.15)}.feature-banner-icon{font-size:3rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(20,184,166,.1));border-radius:1rem;flex-shrink:0;animation:iconBounce 2s ease-in-out infinite}.feature-banner-content h3{font-size:1.375rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.feature-banner-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.content-intro{background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.04),rgba(236,72,153,.03));border:2px solid rgba(99,102,241,.12);border-radius:1.5rem;padding:2.5rem;margin-bottom:2.5rem;text-align:center;position:relative;overflow:hidden}.content-intro:before{top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%)}.content-intro:after,.content-intro:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.content-intro:after{bottom:-50%;left:-10%;width:250px;height:250px;background:radial-gradient(circle,rgba(236,72,153,.06) 0,transparent 70%)}.intro-text{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);max-width:950px;margin:0 auto 1.5rem;position:relative;z-index:1;text-align:left}.intro-text strong{color:var(--primary-color);font-weight:600}.feature-card p{line-height:1.6}.feature-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.feature-card{background:var(--background);border-radius:1rem;padding:1.25rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardFadeIn .6s ease-out both}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,.1);border-color:var(--primary-color)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:1.25rem 1.25rem 0 0}.feature-card.gradient-purple{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(99,102,241,.03));border:2px solid rgba(139,92,246,.15)}.feature-card.gradient-purple:before{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.feature-card.gradient-purple:hover{border-color:rgba(139,92,246,.3)}.feature-card.gradient-pink{background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(244,114,182,.03));border:2px solid rgba(236,72,153,.15)}.feature-card.gradient-pink:before{background:linear-gradient(90deg,#ec4899,#f472b6)}.feature-card.gradient-pink:hover{border-color:rgba(236,72,153,.3)}.feature-card.gradient-blue{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(96,165,250,.03));border:2px solid rgba(59,130,246,.15)}.feature-card.gradient-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.feature-card.gradient-blue:hover{border-color:rgba(59,130,246,.3)}.feature-card.gradient-green{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(52,211,153,.03));border:2px solid rgba(16,185,129,.15)}.feature-card.gradient-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.feature-card.gradient-green:hover{border-color:rgba(16,185,129,.3)}.feature-card-icon{font-size:2rem;margin-bottom:.75rem;display:inline-block}.feature-card h3,.feature-card-title-simple{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.7;margin:0;font-size:.9375rem}.feature-card p strong{color:var(--text-primary)}.categories-showcase{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.category-card{background:var(--background);border:2px solid var(--border);border-radius:1rem;padding:1.5rem;transition:all .3s ease;animation:categorySlide .5s ease-out both}.category-card:first-child{animation-delay:.05s}.category-card:nth-child(2){animation-delay:.1s}.category-card:nth-child(3){animation-delay:.15s}.category-card:nth-child(4){animation-delay:.2s}.category-card:nth-child(5){animation-delay:.25s}.category-card:nth-child(6){animation-delay:.3s}@keyframes categorySlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.category-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 12px 30px rgba(0,0,0,.1)}.category-header-card{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.category-emoji{font-size:1.75rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-radius:.75rem}.category-card h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0}.category-card>p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.category-examples{display:flex;gap:.75rem;flex-wrap:wrap}.example-text{padding:.375rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-size:.9375rem;color:var(--text-primary)}.detailed-steps{display:flex;flex-direction:column;gap:2rem}.detailed-step{display:flex;gap:2rem;background:var(--background);border:2px solid var(--border);border-radius:1.25rem;padding:2rem;transition:all .3s ease;animation:stepFadeIn .6s ease-out both}.detailed-step:first-child{animation-delay:.1s}.detailed-step:nth-child(2){animation-delay:.2s}.detailed-step:nth-child(3){animation-delay:.3s}@keyframes stepFadeIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.detailed-step:hover{border-color:var(--primary-color);box-shadow:0 15px 35px rgba(0,0,0,.08)}.step-visual{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0}.step-number-large{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);color:#fff;font-size:1.75rem;font-weight:800;border-radius:50%;box-shadow:0 10px 25px rgba(37,99,235,.3)}.step-icon-circle,.step-number-large{display:flex;align-items:center;justify-content:center}.step-icon-circle{width:50px;height:50px;background:var(--surface);border:2px solid var(--border);border-radius:50%;font-size:1.5rem}.step-details{flex:1 1}.step-details h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.step-details>p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem;font-size:1rem}.step-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.step-tips li{display:flex;align-items:flex-start;gap:.5rem;color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.step-tips li:before{content:"✓";color:var(--success);font-weight:700;flex-shrink:0}.platforms-detailed{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.platform-detailed-card{display:flex;gap:1.25rem;background:var(--background);border:2px solid var(--border);border-radius:1rem;padding:1.5rem;transition:all .3s ease;animation:platformFade .5s ease-out both}.platform-detailed-card:first-child{animation-delay:.05s}.platform-detailed-card:nth-child(2){animation-delay:.1s}.platform-detailed-card:nth-child(3){animation-delay:.15s}.platform-detailed-card:nth-child(4){animation-delay:.2s}.platform-detailed-card:nth-child(5){animation-delay:.25s}.platform-detailed-card:nth-child(6){animation-delay:.3s}@keyframes platformFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.platform-detailed-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 12px 30px rgba(0,0,0,.1)}.platform-icon-large{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-radius:1rem;flex-shrink:0}.platform-info{flex:1 1}.platform-info h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.platform-info>p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:.75rem}.platform-info>p strong{color:var(--text-primary)}.platform-uses{display:flex;gap:.5rem;flex-wrap:wrap}.platform-uses span{padding:.25rem .625rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.tip-card{background:var(--background);border:2px solid var(--border);border-radius:1rem;padding:1.5rem;position:relative;transition:all .3s ease;animation:tipSlide .5s ease-out both}.tip-card:first-child{animation-delay:.05s}.tip-card:nth-child(2){animation-delay:.1s}.tip-card:nth-child(3){animation-delay:.15s}.tip-card:nth-child(4){animation-delay:.2s}.tip-card:nth-child(5){animation-delay:.25s}.tip-card:nth-child(6){animation-delay:.3s}@keyframes tipSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tip-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 10px 25px rgba(0,0,0,.08)}.tip-number{font-size:3rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.75rem;opacity:.9}.tip-card h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:.625rem}.tip-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;margin:0}.feature-banners-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.feature-banner.gradient-success{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.05));border:2px solid rgba(16,185,129,.2)}.feature-banner.gradient-success:hover{border-color:rgba(16,185,129,.4)}.feature-banner.gradient-security{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border:2px solid rgba(99,102,241,.2)}.feature-banner.gradient-security:hover{border-color:rgba(99,102,241,.4)}.feature-banner.gradient-mobile{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(244,114,182,.05));border:2px solid rgba(236,72,153,.2)}.feature-banner.gradient-mobile:hover{border-color:rgba(236,72,153,.4)}@media (max-width:1024px){.categories-showcase,.feature-cards-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}.feature-banners-grid{grid-template-columns:1fr}}@media (max-width:768px){.content-intro{padding:1.5rem}.intro-text{font-size:1rem}.feature-cards-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-card-icon{font-size:2rem}.feature-card h3{font-size:1.125rem}.categories-showcase{grid-template-columns:1fr}.category-card{padding:1.25rem}.detailed-step{flex-direction:column;gap:1.25rem;padding:1.5rem}.step-visual{flex-direction:row;justify-content:flex-start}.step-number-large{width:50px;height:50px;font-size:1.5rem}.step-icon-circle{width:40px;height:40px;font-size:1.25rem}.step-details h3{font-size:1.25rem}.platforms-detailed{grid-template-columns:1fr}.platform-detailed-card{padding:1.25rem}.platform-icon-large{width:50px;height:50px;font-size:2rem}.tips-grid{grid-template-columns:1fr}.tip-card{padding:1.25rem}.tip-number{font-size:2rem}.faq-question{padding:1rem 1.25rem;gap:.75rem}.faq-question .faq-icon{width:40px;height:40px;font-size:1.25rem}.faq-question h3{font-size:.9375rem}.faq-toggle{width:28px;height:28px;font-size:1rem}.faq-item.expanded .faq-answer{padding:0 1.25rem 1.25rem}.faq-answer p{padding-left:0;font-size:.875rem}.feature-banner{flex-direction:column;text-align:center;padding:1.5rem}.feature-banner-icon{width:60px;height:60px;font-size:2.5rem}.feature-banners-grid{gap:1rem}}@media (max-width:480px){.content-intro{padding:1.5rem;border-radius:1rem}.intro-text{font-size:.9375rem;line-height:1.7}.feature-card{padding:1.25rem}.feature-card-icon{font-size:1.75rem}.feature-card h3{font-size:1rem}.feature-card p{font-size:.875rem}.category-card{padding:1rem}.category-emoji{width:40px;height:40px;font-size:1.5rem}.category-card h3{font-size:1rem}.category-card>p,.example-text{font-size:.8125rem}.example-text{padding:.25rem .5rem}.detailed-step{padding:1.25rem}.step-number-large{width:45px;height:45px;font-size:1.25rem}.step-details h3{font-size:1.125rem}.step-details>p{font-size:.9375rem}.step-tips li{font-size:.8125rem}.platform-detailed-card{padding:1rem;gap:1rem}.platform-icon-large{width:45px;height:45px;font-size:1.75rem;border-radius:.75rem}.platform-info h3{font-size:1rem}.platform-info>p{font-size:.8125rem}.platform-uses span{font-size:.6875rem;padding:.1875rem .5rem}.tip-card{padding:1rem}.tip-number{font-size:1.75rem}.tip-card h3{font-size:.9375rem}.tip-card p{font-size:.8125rem}.faq-question{padding:.875rem 1rem;gap:.625rem}.faq-question .faq-icon{width:36px;height:36px;font-size:1.125rem;border-radius:.625rem}.faq-question h3{font-size:.875rem;line-height:1.3}.faq-toggle{width:26px;height:26px;font-size:.9375rem}.faq-item.expanded .faq-answer{padding:0 1rem 1rem}.faq-answer p{font-size:.8125rem;line-height:1.7;padding-top:.75rem}.feature-banner{padding:1rem;gap:.75rem}.feature-banner-icon{width:50px;height:50px;font-size:1.75rem}.feature-banner-content h3{font-size:1rem}.feature-banner-content p{font-size:.8125rem}}@media (max-width:1024px){.info-grid{grid-template-columns:repeat(2,1fr)}.info-box-large{grid-column:span 2;grid-row:span 1}.info-box-medium{grid-column:span 1}.platforms-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.section-main-title{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.info-box-large,.info-box-medium{grid-column:span 1;grid-row:span 1}.steps-grid{grid-template-columns:1fr;gap:2rem}.step-arrow{display:none!important}.step-check{display:none}.platforms-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.info-box{padding:1.25rem}.info-box-icon{font-size:2rem}.info-box h3{font-size:1.125rem}.info-box-large h3{font-size:1.25rem}.feature-banner{flex-direction:column;text-align:center;padding:1.5rem}.feature-banner-icon{font-size:2.5rem}.feature-banner-content h3{font-size:1.25rem}.feature-banner-content p{font-size:.9375rem}.section-main-title{font-size:1.5rem;margin-bottom:1.25rem}.info-box{padding:1rem}}@media (max-width:480px){.section-main-title{font-size:1.35rem}.info-box{padding:1rem .75rem}.section-image-container{margin-top:1rem;border-radius:.75rem}}.platforms-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.platform-box{padding:.75rem .5rem}.platform-icon{font-size:1.5rem}.platform-box h3{font-size:.75rem}.platform-box p{font-size:.625rem}.faq-box{padding:1rem}.faq-icon{font-size:1.5rem;margin-bottom:.5rem}.faq-box h3{font-size:.9375rem}.faq-box p{font-size:.8125rem}.feature-banner{padding:1rem;gap:1rem}.feature-banner-icon{font-size:2rem}.feature-banner-content h3{font-size:1.125rem}.feature-banner-content p{font-size:.8125rem}.footer{background:var(--background);border-top:1px solid var(--border);padding:var(--spacing-xl) 0;margin-top:var(--spacing-2xl)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-link:hover{color:var(--primary-color)}.footer-text{color:var(--text-secondary);font-size:.875rem}.page-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.page-content{background:var(--background);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-md)}.page-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.page-content h2,.page-content h3{font-weight:600;color:var(--text-primary)}.page-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.page-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.8}.page-content ol,.page-content ul{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.page-content li{margin-bottom:.5rem;line-height:1.6}@media (max-width:768px){.container{padding:0 var(--spacing-xs)}.main{padding:var(--spacing-sm) 0}.hero{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-xs)}.hero h1{font-size:2rem;margin-bottom:var(--spacing-xs)}.hero p{font-size:.9375rem;padding:0 var(--spacing-xs)}.input-wrapper{padding:.75rem;border-radius:var(--radius)}.input-icon{width:36px;height:36px}.input-title{font-size:.9375rem}.input-subtitle{font-size:.6875rem}.search-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.search-input{font-size:.875rem;padding:.625rem .625rem .625rem 2.5rem}.filter-actions{justify-content:flex-start;margin-bottom:var(--spacing-xs)}.filter-button{font-size:.75rem;padding:.5rem .75rem}.platform-filter{flex-direction:column;align-items:flex-start}.platform-buttons{width:100%;justify-content:flex-start}.platform-button{font-size:.6875rem;padding:.25rem .5rem}.sticky-category-nav{top:55px;padding:.375rem;margin-bottom:var(--spacing-sm)}.category-nav-button{font-size:.6875rem;padding:.25rem .625rem}.category-header{font-size:1.125rem;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;padding-bottom:var(--spacing-xs)}.category-count{font-size:.6875rem;padding:.125rem .375rem}.category-section{margin-bottom:var(--spacing-lg)}.font-grid{grid-template-columns:1fr;gap:.625rem}.font-card{padding:.625rem .75rem;border-radius:var(--radius-sm)}.font-card:before{height:3px}.font-card-header{margin-bottom:.25rem}.font-name{font-size:.8125rem;gap:.375rem}.popular-badge{font-size:.5625rem;padding:.125rem .25rem}.favorite-button{font-size:1rem;padding:.25rem}.font-description{font-size:.6875rem;margin-bottom:.375rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.platform-tags{gap:.25rem;margin-bottom:.375rem}.platform-tag{font-size:.6875rem;padding:.125rem .25rem;border-radius:.25rem}.font-preview{font-size:1rem;min-height:2.25rem;padding:.5rem .625rem;margin-bottom:.5rem;border-radius:var(--radius-sm);border-width:1px}.copy-button{padding:.5rem .75rem;font-size:.75rem;min-height:36px;border-radius:var(--radius-sm)}.header{padding:.5rem 0}.header-content{flex-direction:row;align-items:center;gap:var(--spacing-xs)}.logo{font-size:1.125rem}.nav{gap:.5rem}.nav-link{font-size:.75rem;padding:.25rem .375rem;min-height:36px;display:flex;align-items:center}.dark-mode-toggle{width:32px;height:32px;font-size:.875rem}.footer{padding:var(--spacing-md) 0;margin-top:var(--spacing-lg)}.footer-content{flex-direction:column;text-align:center;gap:var(--spacing-xs)}.footer-links{flex-direction:row;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.footer-link{padding:var(--spacing-xs);min-height:36px;display:flex;align-items:center;justify-content:center;font-size:.75rem}.seo-content{padding:var(--spacing-sm);margin-top:var(--spacing-lg)}.seo-content h2{font-size:1.25rem}.seo-content h3{font-size:1rem}.seo-content li,.seo-content p,.toast{font-size:.8125rem}.toast{right:var(--spacing-xs);bottom:var(--spacing-xs);left:var(--spacing-xs);padding:.5rem var(--spacing-sm);border-radius:var(--radius-sm)}.show-more-button{padding:.625rem var(--spacing-sm);font-size:.8125rem;min-height:40px;margin-top:var(--spacing-sm)}.results-count{padding:var(--spacing-xs);margin-bottom:var(--spacing-xs);font-size:.8125rem}.no-results{padding:var(--spacing-lg)}.no-results-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.no-results h3{font-size:1.125rem}.no-results p{font-size:.8125rem}}@media (max-width:480px){.container{padding:0 .375rem}.main{padding:var(--spacing-xs) 0}.hero{margin-bottom:var(--spacing-md)}.hero h1{font-size:1.625rem;line-height:1.2}.hero p{font-size:.875rem}.input-wrapper{padding:.5rem}.input-icon{width:28px;height:28px}.input-title{font-size:.875rem}.input-container{padding:.5rem}.text-input{font-size:.875rem;min-height:44px}.search-filter-section{padding:.5rem;border-radius:var(--radius-sm)}.search-input{font-size:.8125rem;padding:.5rem .5rem .5rem 2.25rem}.filter-button{font-size:.6875rem;padding:.375rem .5rem}.category-header{font-size:1rem;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-sm)}.font-grid{gap:.5rem}.font-card{padding:.5rem .625rem}.font-card-header{margin-bottom:.125rem}.font-name{font-size:.75rem}.popular-badge{font-size:.5rem;padding:.0625rem .1875rem}.font-description{font-size:.625rem;margin-bottom:.25rem}.platform-tags{gap:.1875rem;margin-bottom:.25rem}.platform-tag{font-size:.625rem;padding:.0625rem .1875rem}.font-preview{font-size:.9375rem;min-height:2rem;padding:.375rem .5rem;margin-bottom:.375rem}.copy-button{padding:.375rem .5rem;font-size:.6875rem;min-height:32px}.seo-content{padding:.625rem}.seo-content h2{font-size:1.125rem}.seo-content h3{font-size:.9375rem}.seo-content li,.seo-content p{font-size:.75rem;line-height:1.5}.show-more-button{padding:.5rem;font-size:.75rem;min-height:36px}}.category-section[data-category=kalp] .category-count,.category-section[data-category=kalp] .category-header{color:var(--accent-pink);border-color:var(--accent-pink)}.category-section[data-category=yildiz] .category-count,.category-section[data-category=yildiz] .category-header{color:var(--accent-yellow);border-color:var(--accent-yellow)}.category-section[data-category=ok] .category-count,.category-section[data-category=ok] .category-header{color:var(--accent-blue);border-color:var(--accent-blue)}.category-section[data-category=cerceve] .category-count,.category-section[data-category=cerceve] .category-header{color:var(--accent-purple);border-color:var(--accent-purple)}.category-section[data-category=cicek] .category-count,.category-section[data-category=cicek] .category-header{color:var(--accent-pink);border-color:var(--accent-pink)}.category-section[data-category=dekoratif] .category-count,.category-section[data-category=dekoratif] .category-header{color:var(--accent-teal);border-color:var(--accent-teal)}.category-section[data-category=emoji] .category-count,.category-section[data-category=emoji] .category-header{color:var(--accent-orange);border-color:var(--accent-orange)}.category-section[data-category=oyun] .category-count,.category-section[data-category=oyun] .category-header{color:var(--accent-purple);border-color:var(--accent-purple)}.category-section[data-category=muzik] .category-count,.category-section[data-category=muzik] .category-header{color:var(--accent-pink);border-color:var(--accent-pink)}.category-section[data-category=hava] .category-count,.category-section[data-category=hava] .category-header{color:var(--accent-blue);border-color:var(--accent-blue)}.category-section[data-category=isaretler] .category-count,.category-section[data-category=isaretler] .category-header{color:var(--secondary-color);border-color:var(--secondary-color)}.category-section[data-category=semboller] .category-count,.category-section[data-category=semboller] .category-header{color:var(--primary-color);border-color:var(--primary-color)}.category-section[data-category=el] .category-count,.category-section[data-category=el] .category-header{color:var(--accent-yellow);border-color:var(--accent-yellow)}.category-section[data-category=minimal] .category-count,.category-section[data-category=minimal] .category-header{color:var(--secondary-color);border-color:var(--secondary-color)}.category-section[data-category=para] .category-count,.category-section[data-category=para] .category-header{color:var(--accent-green);border-color:var(--accent-green)}.category-section[data-category=turk] .category-count,.category-section[data-category=turk] .category-header{color:var(--accent-red);border-color:var(--accent-red)}.category-section[data-category=havali] .category-count,.category-section[data-category=havali] .category-header{color:var(--accent-orange);border-color:var(--accent-orange)}.category-section[data-category=sekilli] .category-count,.category-section[data-category=sekilli] .category-header{color:var(--accent-purple);border-color:var(--accent-purple)}.category-section[data-category=pro] .category-count,.category-section[data-category=pro] .category-header{color:var(--accent-yellow);border-color:var(--accent-yellow)}.category-section[data-category=clan] .category-count,.category-section[data-category=clan] .category-header{color:var(--accent-blue);border-color:var(--accent-blue)}.category-section[data-category=agresif] .category-count,.category-section[data-category=agresif] .category-header{color:var(--accent-red);border-color:var(--accent-red)}.category-section[data-category=kalp] .font-card:hover,.category-section[data-category=kalp] .symbol-card:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.category-section[data-category=yildiz] .font-card:hover,.category-section[data-category=yildiz] .symbol-card:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.category-section[data-category=ok] .font-card:hover,.category-section[data-category=ok] .symbol-card:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.category-section[data-category=cerceve] .font-card:hover,.category-section[data-category=cerceve] .symbol-card:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.category-section[data-category=cicek] .font-card:hover,.category-section[data-category=cicek] .symbol-card:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.category-section[data-category=dekoratif] .font-card:hover,.category-section[data-category=dekoratif] .symbol-card:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.category-section[data-category=emoji] .font-card:hover,.category-section[data-category=emoji] .symbol-card:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.category-section[data-category=oyun] .font-card:hover,.category-section[data-category=oyun] .symbol-card:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.category-section[data-category=muzik] .font-card:hover,.category-section[data-category=muzik] .symbol-card:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.category-section[data-category=hava] .font-card:hover,.category-section[data-category=hava] .symbol-card:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.category-section[data-category=isaretler] .font-card:hover,.category-section[data-category=isaretler] .symbol-card:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.category-section[data-category=semboller] .font-card:hover,.category-section[data-category=semboller] .symbol-card:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-section[data-category=el] .font-card:hover,.category-section[data-category=el] .symbol-card:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.category-section[data-category=minimal] .font-card:hover,.category-section[data-category=minimal] .symbol-card:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.category-section[data-category=para] .font-card:hover,.category-section[data-category=para] .symbol-card:hover{border-color:var(--accent-green);color:var(--accent-green)}.category-section[data-category=turk] .font-card:hover,.category-section[data-category=turk] .symbol-card:hover{border-color:var(--accent-red);color:var(--accent-red)}.category-section[data-category=havali] .font-card:hover,.category-section[data-category=havali] .symbol-card:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.category-section[data-category=sekilli] .font-card:hover,.category-section[data-category=sekilli] .symbol-card:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.category-section[data-category=pro] .font-card:hover,.category-section[data-category=pro] .symbol-card:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.category-section[data-category=clan] .font-card:hover,.category-section[data-category=clan] .symbol-card:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.category-section[data-category=agresif] .font-card:hover,.category-section[data-category=agresif] .symbol-card:hover{border-color:var(--accent-red);color:var(--accent-red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sticky-category-nav::-webkit-scrollbar{height:4px}::selection{background:rgba(37,99,235,.2);color:var(--text-primary)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.faq-accordion{display:flex;flex-direction:column;gap:1rem;max-width:900px;margin:2rem auto 0}.faq-item-modern{background:var(--surface);border:1px solid var(--border);border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item-modern:hover{border-color:var(--primary-color);box-shadow:0 10px 25px rgba(0,0,0,.05)}.faq-item-modern.expanded{border-color:var(--primary-color);box-shadow:0 15px 35px rgba(139,92,246,.1);background:var(--surface-elevated)}.faq-question-btn{width:100%;text-align:left;padding:1.5rem;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:1.5rem;transition:all .2s ease}.faq-q-text{font-size:1.125rem;font-weight:700;color:var(--text-primary);line-height:1.4}.faq-q-icon{width:32px;height:32px;background:rgba(139,92,246,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.25rem;font-weight:600;flex-shrink:0;transition:all .3s ease}.faq-item-modern.expanded .faq-q-icon{background:var(--primary-color);color:#fff;transform:rotate(180deg)}.faq-answer-modern{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.faq-item-modern.expanded .faq-answer-modern{max-height:500px;opacity:1;padding:0 1.5rem 1.5rem}.faq-answer-modern p{color:var(--text-secondary);line-height:1.7;font-size:1rem;margin:0}.ready-nick-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.ready-nick-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);opacity:0;transition:opacity .3s ease}.ready-nick-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--primary-color);box-shadow:var(--shadow-lg),0 0 20px rgba(79,70,229,.1);background:var(--surface-elevated)}.ready-nick-card:hover:before{opacity:1}.ready-nick-text{font-family:inherit;font-weight:700;color:var(--text-primary);font-size:1.125rem;letter-spacing:.01em;word-break:break-word}.ready-nick-action{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:50%;color:var(--primary-color);font-size:1.1rem;transition:all .3s ease}.ready-nick-card:hover .ready-nick-action{background:var(--primary-color);color:#fff;transform:rotate(10deg)}.copied-badge{font-weight:800;color:var(--success)}.ready-nick-card:hover .copied-badge{color:#fff}.nicknames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem;margin:1.5rem 0}@media (max-width:640px){.nicknames-grid{grid-template-columns:1fr}}.category-nav{position:-webkit-sticky;position:sticky;top:80px;z-index:90;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;margin:2rem 0;border-bottom:1px solid var(--border)}.category-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem .5rem;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.nav-pill{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:2rem;white-space:nowrap;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.nav-pill:hover{color:var(--primary-color);background:var(--primary-light)}.nav-pill.active,.nav-pill:hover{border-color:var(--primary-color)}.nav-pill.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px rgba(79,70,229,.3)}.pill-icon{font-size:1.1rem}.nick-category{margin-bottom:4rem}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-light)}.category-title-group{display:flex;align-items:center;gap:1rem}.category-icon-large{font-size:2rem}.category-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0}.category-count{font-size:.875rem;font-weight:600;color:var(--text-muted);background:var(--primary-light);padding:.25rem .75rem;border-radius:1rem}.reveal{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.22,1,.36,1);visibility:initial}.reveal.active{opacity:1;transform:translateY(0);visibility:visible}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--text-primary);color:var(--surface);padding:.75rem 1.5rem;border-radius:3rem;display:flex;align-items:center;gap:.75rem;font-weight:600;box-shadow:var(--shadow-xl);z-index:1000;animation:toastIn .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes toastIn{to{transform:translateX(-50%) translateY(0)}}.toast-icon{width:24px;height:24px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff}