.page-suslu{--suslu-primary:#8b5cf6;--suslu-primary-hover:#7c3aed;--suslu-secondary:#ec4899;--suslu-accent:#06b6d4;--suslu-green:#10b981}.page-suslu .highlight-gradient{text-shadow:none;background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.page-suslu .hero-badge-modern{background:var(--surface-elevated);border:1px solid var(--border)}.page-suslu .input-container-glass{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-lg)}.page-suslu .stat-number-premium{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:768px){.suslu-sticky-input{z-index:90;background:var(--bg);border-bottom:1px solid var(--border);padding:.75rem 0;position:sticky;top:60px;box-shadow:0 4px 12px #0000001a}.suslu-sticky-input .input-container-glass{border-radius:var(--radius);margin:0}}.suslu-quick-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.suslu-quick-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#8b5cf614;border:1px solid #8b5cf64d;border-radius:2rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.suslu-quick-btn:hover{color:var(--text-primary);background:#8b5cf633;border-color:#8b5cf680;transform:translateY(-1px)}.suslu-quick-btn:active{transform:translateY(0)}.trending-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.trending-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.trending-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:all .2s;display:flex}.trending-card:hover{border-color:var(--suslu-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.trending-card-text{color:var(--text-primary);word-break:break-all;flex:1;margin-right:.75rem;font-size:1rem}.trending-card-label{color:var(--text-muted);margin-top:.25rem;font-size:.6875rem}.trending-copy-btn{background:var(--suslu-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;flex-shrink:0;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.trending-copy-btn:hover{background:var(--suslu-primary-hover)}.trending-copy-btn.copied{background:var(--suslu-green);color:#000}.platform-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.platform-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;display:flex}.platform-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.8125rem}.platform-examples{flex-direction:column;gap:.625rem;display:flex}.platform-example-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.platform-example-card:hover{border-color:var(--suslu-primary)}.platform-example-text{color:var(--text-primary);word-break:break-all;flex:1;margin-right:.75rem;font-size:.9375rem}.page-suslu .font-card.glass-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .3s}.page-suslu .font-card.glass-card:hover{background:var(--surface-elevated);border-color:var(--suslu-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.page-suslu .font-card.popular{border-color:var(--warning);background:var(--category-popular)}.page-suslu .font-card.popular:hover{border-color:var(--warning);box-shadow:var(--shadow-md)}.page-suslu .copy-button{background:var(--suslu-primary);border:1px solid var(--suslu-primary);color:#fff;border-radius:var(--radius);text-transform:none;letter-spacing:normal;width:100%;margin-top:auto;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.page-suslu .copy-button:hover{background:var(--suslu-primary-hover);border-color:var(--suslu-primary-hover);box-shadow:var(--shadow-md)}.page-suslu .copy-button.copied{background:var(--suslu-green);border-color:var(--suslu-green);color:#000}.page-suslu .particle{color:#8b5cf666}.page-suslu .shape{background:var(--primary-light)}.page-suslu .glow-blob{display:none}@media (max-width:640px){.trending-grid{grid-template-columns:1fr}.suslu-quick-actions{gap:.375rem}.suslu-quick-btn{padding:.4375rem .75rem;font-size:.75rem}.trending-section,.platform-section{padding:1rem}}.dark .page-suslu .trending-section,.page-suslu.dark .trending-section,.dark .page-suslu .platform-section,.page-suslu.dark .platform-section{background:var(--surface);border-color:var(--border)}.dark .page-suslu .trending-card,.page-suslu.dark .trending-card,.dark .page-suslu .platform-example-card,.page-suslu.dark .platform-example-card{background:var(--surface-elevated);border-color:var(--border)}.dark .page-suslu .font-card.popular,.page-suslu.dark .font-card.popular{background:var(--category-popular);border-color:var(--warning)}.suslu-article-container{margin-top:4rem;padding-bottom:4rem}.suslu-premium-article{color:var(--text-primary);max-width:900px;margin:0 auto;padding:0;line-height:1.8}.suslu-article-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2.5rem;transition:all .3s}.suslu-article-card:hover{box-shadow:var(--shadow-md);border-color:#8b5cf666}.suslu-premium-article h1{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.suslu-premium-article h2{color:var(--text-primary);border-left:4px solid var(--suslu-primary);margin-top:0;margin-bottom:1.25rem;padding-left:1.25rem;font-size:1.75rem;font-weight:700}.suslu-premium-article h3{color:var(--suslu-primary);margin-top:2rem;margin-bottom:1rem;font-size:1.35rem;font-weight:600}.suslu-premium-article p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.0625rem}.suslu-premium-article ul,.suslu-premium-article ol{margin-bottom:2rem;padding-left:1.5rem}.suslu-premium-article li{color:var(--text-secondary);margin-bottom:.75rem}.suslu-premium-article a{color:var(--suslu-primary);border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:all .2s}.suslu-premium-article a:hover{color:var(--suslu-primary-hover);border-bottom-color:var(--suslu-primary-hover)}.faq-accordion{margin-top:1.5rem}.faq-accordion .faq-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;transition:all .3s;overflow:hidden}.faq-accordion .faq-item.open{border-color:var(--suslu-primary);box-shadow:var(--shadow-md)}.faq-accordion .faq-question{cursor:pointer;background:var(--surface-elevated);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background .2s;display:flex}.faq-accordion .faq-question:hover{background:#8b5cf60d}.faq-accordion .faq-item.open .faq-question{border-bottom:1px solid var(--border);background:#8b5cf614}.faq-accordion .faq-question h3{color:var(--text-primary);flex:1;margin:0;font-size:1.15rem}.faq-accordion .faq-toggle{color:var(--suslu-primary);justify-content:center;align-items:center;width:24px;height:24px;font-size:1.5rem;font-weight:300;display:flex}.faq-accordion .faq-answer{max-height:0;padding:0;transition:all .3s ease-in-out;overflow:hidden}.faq-accordion .faq-item.open .faq-answer{max-height:500px;padding:1.25rem 1.5rem}.faq-accordion .faq-answer p{color:var(--text-secondary);margin:0;font-size:1rem}@media (max-width:768px){.suslu-article-card{padding:1.5rem}.suslu-premium-article h1{font-size:1.85rem}.suslu-premium-article h2{font-size:1.5rem}}.dark .suslu-article-card{background:var(--surface-elevated);border-color:var(--border)}.dark .faq-accordion .faq-item,.dark .faq-accordion .faq-question{background:var(--surface)}