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