:root[data-theme=light]{--clr-bg:#f0f2fa;--clr-surface:rgba(255, 255, 255, 0.82);--clr-surface-hover:rgba(255, 255, 255, 0.96);--clr-border:rgba(124, 58, 237, 0.18);--clr-primary:#7c3aed;--clr-primary-glow:rgba(124, 58, 237, 0.35);--clr-secondary:#ec4899;--clr-secondary-glow:rgba(236, 72, 153, 0.35);--clr-text:#0f172a;--clr-text-muted:#475569;--clr-success:#059669;--blob-opacity:0.45;--card-glow:rgba(124, 58, 237, 0.12);--scan-line-opacity:0;--hero-text-shadow:0 2px 30px rgba(124, 58, 237, 0.18);--console-bg:rgba(255, 255, 255, 0.55);--console-border:rgba(124, 58, 237, 0.22);--input-bg:rgba(255, 255, 255, 0.7);--input-focus-bg:rgba(255, 255, 255, 0.92)}:root[data-theme=dark]{--clr-bg:#0a0a1a;--clr-surface:rgba(15, 15, 35, 0.65);--clr-surface-hover:rgba(25, 25, 55, 0.85);--clr-border:rgba(139, 92, 246, 0.3);--clr-primary:#a855f7;--clr-primary-glow:rgba(168, 85, 247, 0.5);--clr-secondary:#ec4899;--clr-secondary-glow:rgba(236, 72, 153, 0.5);--clr-text:#f1f5f9;--clr-text-muted:#94a3b8;--clr-success:#10b981;--blob-opacity:1;--card-glow:rgba(168, 85, 247, 0.15);--scan-line-opacity:0.03;--hero-text-shadow:0 0 40px rgba(168, 85, 247, 0.5),0 0 80px rgba(168, 85, 247, 0.2);--console-bg:rgba(10, 10, 30, 0.6);--console-border:rgba(168, 85, 247, 0.25);--input-bg:rgba(10, 10, 30, 0.7);--input-focus-bg:rgba(15, 15, 40, 0.9)}:root{--font-sans:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;--font-comic:'Comic Neue','Comic Sans MS','Comic Sans',cursive,sans-serif;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.15),0 2px 4px rgba(0, 0, 0, 0.08);--shadow-lg:0 12px 40px rgba(0, 0, 0, 0.2),0 4px 12px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 30px var(--clr-primary-glow),0 0 60px rgba(168, 85, 247, 0.15);--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.25s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.4s cubic-bezier(0.16, 1, 0.3, 1);--clr-cyan:#06b6d4;--clr-cyan-glow:rgba(6, 182, 212, 0.4)}@keyframes pulse-glow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-subtle{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-4px) rotate(.5deg)}66%{transform:translateY(2px) rotate(-.3deg)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes scan-line{0%{top:-100%}100%{top:200%}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes nebula-drift{0%{transform:translate(0,0) rotate(0) scale(1)}25%{transform:translate(2%,-1%) rotate(.5deg) scale(1.02)}50%{transform:translate(-1%,2%) rotate(-.3deg) scale(.99)}75%{transform:translate(1.5%,.5%) rotate(.2deg) scale(1.01)}100%{transform:translate(0,0) rotate(0) scale(1)}}@keyframes border-glow-rotate{0%{--angle:0deg}100%{--angle:360deg}}@keyframes slideIn{to{transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(5%,5%)}}@keyframes holo-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes particle-float-1{0%,100%{transform:translate(0,0) scale(1);opacity:.3}25%{transform:translate(30px,-40px) scale(1.2);opacity:.6}50%{transform:translate(-20px,-80px) scale(.8);opacity:.4}75%{transform:translate(40px,-50px) scale(1.1);opacity:.5}}@keyframes particle-float-2{0%,100%{transform:translate(0,0) scale(.8);opacity:.2}25%{transform:translate(-40px,-30px) scale(1.3);opacity:.5}50%{transform:translate(30px,-70px) scale(.9);opacity:.3}75%{transform:translate(-20px,-45px) scale(1.1);opacity:.4}}@keyframes particle-float-3{0%,100%{transform:translate(0,0) scale(1);opacity:.25}33%{transform:translate(50px,-60px) scale(1.4);opacity:.55}66%{transform:translate(-30px,-30px) scale(.7);opacity:.35}}@keyframes input-border-glow{0%{border-color:rgba(168,85,247,.4);box-shadow:0 0 15px rgba(168,85,247,.2)}33%{border-color:rgba(236,72,153,.4);box-shadow:0 0 15px rgba(236,72,153,.2)}66%{border-color:rgba(6,182,212,.4);box-shadow:0 0 15px rgba(6,182,212,.2)}100%{border-color:rgba(168,85,247,.4);box-shadow:0 0 15px rgba(168,85,247,.2)}}@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px var(--clr-primary-glow)}50%{box-shadow:0 0 40px var(--clr-primary-glow),0 0 60px rgba(168,85,247,.15)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--clr-bg);color:var(--clr-text);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:rgba(10,10,26,.5)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--clr-primary),var(--clr-secondary));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#ec4899)}*{scrollbar-width:thin;scrollbar-color:var(--clr-primary) rgba(10,10,26,0.3)}::selection{background:rgba(168,85,247,.35);color:#fff}.blob-bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;opacity:var(--blob-opacity);background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(124,58,237,.25),transparent 55%),radial-gradient(ellipse 60% 80% at 85% 25%,rgba(236,72,153,.2),transparent 55%),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(6,182,212,.12),transparent 50%),radial-gradient(ellipse 40% 40% at 70% 60%,rgba(168,85,247,.15),transparent 45%)}.blob-bg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:transparent url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.03"/></svg>');opacity:.4;animation:nebula-drift 120s ease-in-out infinite}.blob-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(2px 2px at 20% 30%,rgba(168,85,247,.4),transparent),radial-gradient(2px 2px at 40% 70%,rgba(236,72,153,.3),transparent),radial-gradient(1px 1px at 60% 20%,rgba(6,182,212,.5),transparent),radial-gradient(1px 1px at 80% 50%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 15% 80%,rgba(168,85,247,.3),transparent),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 50% 50%,rgba(139,92,246,.3),transparent),radial-gradient(2px 2px at 70% 85%,rgba(236,72,153,.25),transparent),radial-gradient(1px 1px at 30% 45%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 55% 15%,rgba(6,182,212,.35),transparent);animation:particle-float-1 25s ease-in-out infinite;pointer-events:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.main-content{flex:1;padding-top:6rem;padding-bottom:4rem;background:radial-gradient(120% 120% at 50% 10%,transparent 40%,rgba(124,58,237,.04) 70%,rgba(236,72,153,.03) 100%);position:relative}.text-gradient{background:linear-gradient(135deg,var(--clr-primary) 0,var(--clr-secondary) 50%,var(--clr-cyan) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block;animation:gradient-shift 4s ease infinite}.text-center{text-align:center}h1{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.1;margin-bottom:1rem;letter-spacing:-.03em}h2{font-size:clamp(1.5rem, 3vw, 2.5rem);font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}h3{font-weight:700;letter-spacing:-.01em}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;text-shadow:0 0 20px var(--clr-primary-glow)}p{color:var(--clr-text-muted);font-size:1.125rem;margin-bottom:2rem}.navbar{position:fixed;top:0;left:0;width:100%;background:var(--clr-surface);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--clr-border);z-index:100;transition:var(--transition-base)}.navbar::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--clr-primary),var(--clr-secondary),var(--clr-cyan),transparent);opacity:.5}.nav-content{display:flex;justify-content:space-between;align-items:center;height:4.5rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;color:var(--clr-text);letter-spacing:-.02em;transition:var(--transition-base)}.logo:hover{text-shadow:0 0 20px var(--clr-primary-glow)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--clr-text-muted);text-decoration:none;font-weight:600;transition:var(--transition-base);display:flex;align-items:center;gap:.5rem;position:relative;padding:.25rem 0}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary));border-radius:2px;transition:width var(--transition-base)}.nav-links a:hover{color:var(--clr-text);text-shadow:0 0 15px var(--clr-primary-glow)}.nav-links a:hover::after{width:100%}.menu-toggle{display:none;background:0 0;border:none;color:var(--clr-text);font-size:1.5rem;cursor:pointer}.hero-section{text-align:center;max-width:900px;margin:0 auto 4rem;padding:0 1rem;animation:fadeInUp .8s ease-out;position:relative}.hero-section::after,.hero-section::before{content:'✦';position:absolute;font-size:1rem;color:var(--clr-primary);opacity:.3;pointer-events:none;animation:particle-float-1 8s ease-in-out infinite}.hero-section::before{top:10%;left:5%;animation-delay:0s}.hero-section::after{content:'✧';top:20%;right:8%;font-size:.8rem;color:var(--clr-secondary);animation:particle-float-2 10s ease-in-out infinite;animation-delay:-3s}.hero-section h1{font-size:clamp(2.2rem, 5vw, 3.5rem);font-weight:900;margin-bottom:1rem;line-height:1.15;color:var(--clr-text);text-shadow:var(--hero-text-shadow);letter-spacing:-.03em}.hero-section h1 .text-gradient{background:linear-gradient(135deg,var(--clr-primary) 0,var(--clr-secondary) 40%,var(--clr-cyan) 80%,var(--clr-primary) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite;filter:drop-shadow(0 0 20px var(--clr-primary-glow))}.hero-section h1 .text-blue{background:linear-gradient(135deg,#7c3aed,#06b6d4,#a855f7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;filter:drop-shadow(0 0 15px rgba(6, 182, 212, .4))}.hero-section p{font-size:1.125rem;color:var(--clr-text-muted);line-height:1.7;max-width:700px;margin:0 auto}.glass-card{background:var(--clr-surface);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:0 10px 40px -10px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);transition:transform var(--transition-slow),border-color var(--transition-base),box-shadow var(--transition-slow);position:relative}.glass-card:hover{border-color:var(--clr-primary);box-shadow:0 10px 40px -10px var(--clr-primary-glow),0 0 0 1px rgba(168,85,247,.1),inset 0 1px 0 rgba(255,255,255,.08)}.generator-console{background:var(--console-bg);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--console-border);border-radius:var(--radius-xl);padding:2.5rem;margin-bottom:3rem;box-shadow:0 25px 60px rgba(0,0,0,.35),0 0 0 1px rgba(168,85,247,.08),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden}.generator-console::before{content:'';position:absolute;top:-40%;left:-20%;width:140%;height:180%;background:radial-gradient(ellipse at 30% 20%,rgba(124,58,237,.1) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(236,72,153,.06) 0,transparent 50%);pointer-events:none;z-index:0}.generator-console::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0,rgba(168,85,247,var(--scan-line-opacity)) 50%,transparent 100%);animation:scan-line 8s linear infinite;pointer-events:none;z-index:1}.generator-console>*{position:relative;z-index:2}.input-area{margin-bottom:3rem}.input-group{position:relative;max-width:800px;margin:0 auto}.input-box{width:100%;padding:1.5rem 2rem;font-size:1.5rem;font-family:inherit;color:var(--clr-text);background:var(--clr-surface);border:2px solid var(--clr-border);border-radius:var(--radius-full);outline:0;box-shadow:0 0 0 0 rgba(168,85,247,0);transition:all var(--transition-slow);text-align:center}.input-box:focus{border-color:var(--clr-primary);box-shadow:var(--shadow-glow);background:var(--clr-surface-hover);animation:input-border-glow 4s ease infinite}.input-box::placeholder{color:var(--clr-text-muted);opacity:.4}.input-console-wrapper{position:relative;max-width:750px;margin:0 auto 1.5rem;z-index:1}.input-box-premium{width:100%;padding:1.5rem 4rem 1.5rem 2.5rem;font-size:1.75rem;font-weight:700;font-family:var(--font-sans);color:var(--clr-text);background:var(--input-bg);border:2px solid var(--console-border);border-radius:var(--radius-lg);outline:0;box-shadow:0 4px 25px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.04);transition:all var(--transition-slow);text-align:center;letter-spacing:.05em}.input-box-premium:focus{border-color:var(--clr-primary);box-shadow:0 0 30px var(--clr-primary-glow),0 0 60px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.06);background:var(--input-focus-bg);transform:scale(1.01);animation:input-border-glow 4s ease infinite}.input-box-premium::placeholder{color:var(--clr-text-muted);opacity:.5;font-weight:500}.input-console-controls{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.75rem}.clear-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);color:var(--clr-text-muted);width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--transition-fast);opacity:0;visibility:hidden}.clear-btn.show{opacity:1;visibility:visible}.clear-btn:hover{background:rgba(244,63,94,.2);color:var(--clr-secondary);border-color:rgba(244,63,94,.3);box-shadow:0 0 12px rgba(244,63,94,.15)}.char-counter{font-size:.8rem;font-weight:700;color:var(--clr-text-muted);background:rgba(168,85,247,.08);padding:.2rem .6rem;border-radius:var(--radius-md);border:1px solid rgba(168,85,247,.12);font-variant-numeric:tabular-nums}.transformer-toolbar{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem;position:relative;z-index:1}.transformer-btn{background:rgba(255,255,255,.03);border:1px solid var(--clr-border);color:var(--clr-text-muted);padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.4rem;position:relative;overflow:hidden}.transformer-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.transformer-btn:hover{color:#fff;border-color:var(--clr-primary);transform:translateY(-2px);box-shadow:0 4px 15px var(--clr-primary-glow)}.transformer-btn:hover::before{opacity:.15}.transformer-btn:active{transform:translateY(0) scale(.97)}.category-tabs-wrapper{position:relative;margin-bottom:2rem;padding:.35rem;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 20px rgba(0,0,0,.1)}.category-tabs{display:flex;gap:.35rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.25rem}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{background:0 0;border:1px solid transparent;color:var(--clr-text-muted);padding:.7rem 1.4rem;font-size:.9rem;font-weight:700;font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.tab-btn:hover{color:var(--clr-text);background:rgba(168,85,247,.06);border-color:rgba(168,85,247,.15)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--clr-primary) 0,var(--clr-secondary) 100%);border-color:transparent;box-shadow:0 4px 20px var(--clr-primary-glow),0 0 0 1px rgba(168,85,247,.2);text-shadow:0 1px 2px rgba(0,0,0,.3)}.tab-btn.active::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:40%;height:2px;background:rgba(255,255,255,.6);border-radius:2px;animation:pulse-glow 2s ease infinite}.symbol-toolbar-wrapper{max-width:800px;margin:0 auto 2rem auto;position:relative;display:flex;align-items:center}.symbol-toolbar{background:var(--clr-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--clr-border);border-radius:var(--radius-full);padding:.5rem;display:flex;gap:.35rem;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%;box-shadow:0 4px 20px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.04)}.symbol-toolbar::-webkit-scrollbar{display:none}.symbol-btn{background:0 0;border:1px solid transparent;color:var(--clr-text);width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--transition-fast);flex-shrink:0}.symbol-btn:hover{background:rgba(168,85,247,.15);border-color:var(--clr-primary);transform:scale(1.15);box-shadow:0 0 12px var(--clr-primary-glow);color:var(--clr-primary)}.symbol-btn:active{transform:scale(.95)}.scroll-btn{background:var(--clr-surface);backdrop-filter:blur(10px);border:1px solid var(--clr-border);color:var(--clr-text);width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:all var(--transition-fast)}.scroll-btn:hover{background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px var(--clr-primary-glow);transform:scale(1.1)}.scroll-left{left:-1rem}.scroll-right{right:-1rem}.custom-decorator-panel{background:linear-gradient(rgba(168,85,247,.03),rgba(236,72,153,.02)),repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(168,85,247,.03) 24px,rgba(168,85,247,.03) 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,rgba(168,85,247,.03) 24px,rgba(168,85,247,.03) 25px);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.75rem;margin-top:1.5rem;position:relative;z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.decorator-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1.5rem;align-items:center}.decorator-col{display:flex;flex-direction:column;gap:.5rem}.decorator-label{font-size:.8rem;font-weight:700;color:var(--clr-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;display:flex;align-items:center;gap:.35rem}.decor-selector{background:var(--input-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:.5rem;display:flex;gap:.35rem;overflow-x:auto;max-height:120px;flex-wrap:wrap;scrollbar-width:thin}.decor-option{background:rgba(255,255,255,.04);border:1px solid transparent;color:var(--clr-text);padding:.35rem .65rem;font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.decor-option.selected,.decor-option:hover{background:rgba(168,85,247,.15);border-color:var(--clr-primary);box-shadow:0 0 10px var(--clr-primary-glow);color:#fff}.decor-preview-box{background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(236,72,153,.08),rgba(6,182,212,.06));border:1px solid var(--clr-primary-glow);border-radius:var(--radius-md);padding:1.25rem;text-align:center;cursor:pointer;transition:all var(--transition-slow);position:relative;overflow:hidden;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.decor-preview-box::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary),var(--clr-cyan));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.decor-preview-box:hover{border-color:var(--clr-primary);box-shadow:0 0 25px var(--clr-primary-glow),0 8px 30px rgba(0,0,0,.15);transform:translateY(-3px)}.decor-preview-box:hover::before{opacity:1}.decor-preview-text{font-size:1.4rem;font-weight:700;color:#fff;word-break:break-all;text-shadow:0 0 15px var(--clr-primary-glow)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.result-item{display:flex;flex-direction:column;padding:1rem;border-radius:var(--radius-md);background:var(--clr-surface);border:1px solid var(--clr-border);transition:all var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.result-item::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary),var(--clr-cyan),var(--clr-primary));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);animation:holo-shift 4s ease infinite}.result-item:hover{background:var(--clr-surface-hover);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px var(--card-glow),0 0 0 1px rgba(168,85,247,.08)}.result-item:hover::before{opacity:1}.result-item.glass-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-slow);display:flex;flex-direction:column;justify-content:space-between;min-height:110px;animation:fadeInUp .4s ease-out backwards}.result-item.glass-card:hover{background:var(--clr-surface-hover);border-color:transparent;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px var(--card-glow),0 0 25px rgba(168,85,247,.1),inset 0 1px 0 rgba(255,255,255,.06)}.result-item.copied{border-color:var(--clr-success)!important;box-shadow:0 0 25px rgba(16,185,129,.35),0 0 50px rgba(16,185,129,.1)!important;background:rgba(16,185,129,.08)!important}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--clr-text-muted)}.font-badge{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.15);padding:.2rem .6rem;font-size:.7rem;color:var(--clr-primary);font-weight:700;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.5px}.result-text{font-size:1.3rem;font-weight:600;word-break:break-all;text-align:center;padding:.5rem 0;min-height:3rem;display:flex;align-items:center;justify-content:center;color:var(--clr-text);transition:all var(--transition-base)}.result-item:hover .result-text{color:#fff;text-shadow:0 0 15px var(--clr-primary-glow)}.copy-btn{background:0 0;border:none;color:var(--clr-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:.5rem;border-radius:var(--radius-md)}.result-item:hover .copy-btn{color:var(--clr-text);background:rgba(168,85,247,.1)}.copy-btn:hover{color:var(--clr-primary)!important;transform:scale(1.15)}.copy-btn.copied{color:var(--clr-success)!important}.controls-area{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;border:1px solid transparent;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color:#fff;box-shadow:0 4px 20px var(--clr-primary-glow);border:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{box-shadow:0 6px 30px var(--clr-secondary-glow),0 0 0 1px rgba(236,72,153,.2);transform:translateY(-3px);filter:brightness(1.15)}.btn-primary:hover::before{left:100%}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-outline{background:rgba(168,85,247,.05);border-color:var(--clr-border);color:var(--clr-text);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--clr-primary);background:rgba(168,85,247,.1);box-shadow:0 4px 20px var(--clr-primary-glow);transform:translateY(-2px);color:#fff}.content-block{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 20px 50px rgba(0,0,0,.12);position:relative;overflow:hidden}.content-block::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--clr-primary),var(--clr-secondary),transparent);opacity:.5}.content-block h2{font-size:2rem;font-weight:800;margin-bottom:1.5rem;color:var(--clr-text);text-shadow:0 0 20px var(--clr-primary-glow)}.seo-article-content p{color:var(--clr-text-muted);line-height:1.8}.feature-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-slow);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary),var(--clr-cyan));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{background:var(--clr-surface-hover);transform:translateY(-5px);box-shadow:0 15px 40px var(--card-glow)}.feature-card:hover::before{opacity:1}.feature-card i.text-gradient{filter:drop-shadow(0 0 10px var(--clr-primary-glow));transition:filter var(--transition-base)}.feature-card:hover i.text-gradient{filter:drop-shadow(0 0 20px var(--clr-primary-glow)) drop-shadow(0 0 40px rgba(168, 85, 247, .2))}.faq-container{max-width:800px;margin:0 auto}.faq-item{position:relative;overflow:hidden}.faq-item::before{content:'';position:absolute;inset:-1px;border-radius:.5rem;padding:1px;background:linear-gradient(135deg,var(--clr-border),rgba(168,85,247,.2),var(--clr-border));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background var(--transition-base);z-index:1}.faq-item:hover::before{background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary),var(--clr-cyan))}.faq-question{font-family:var(--font-sans)}.faq-answer{transition:max-height .4s cubic-bezier(.16, 1, .3, 1)!important}.faq-answer.open{max-height:500px!important}.fa-chevron-down.rotate{transform:rotate(180deg)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;margin-bottom:2rem}.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border-radius:var(--radius-md);background:var(--clr-surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--clr-border);color:var(--clr-text);text-decoration:none;font-weight:600;transition:all var(--transition-base);cursor:pointer}.pagination-item.active,.pagination-item:hover{background:linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color:#fff;border-color:transparent;box-shadow:0 4px 15px var(--clr-primary-glow);transform:translateY(-2px)}.pagination-item.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.site-footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);padding-top:4rem;margin-top:auto;position:relative}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--clr-primary),var(--clr-secondary),transparent);opacity:.4}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand h3{font-size:1.5rem;margin-bottom:1rem;font-weight:800}.footer-brand span{color:var(--clr-primary)}.footer-links h4{margin-bottom:1.25rem;color:var(--clr-text);font-weight:700}.footer-links a{display:block;color:var(--clr-text-muted);text-decoration:none;margin-bottom:.75rem;transition:all var(--transition-fast);position:relative;padding-left:0}.footer-links a:hover{color:var(--clr-primary);padding-left:8px;text-shadow:0 0 12px var(--clr-primary-glow)}.footer-bottom{text-align:center;padding:1.5rem 0;border-top:1px solid var(--clr-border);color:var(--clr-text-muted);font-size:.875rem}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:1000}.toast{background:var(--clr-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--clr-border);color:var(--clr-text);padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;align-items:center;gap:.75rem;transform:translateX(120%);animation:slideIn .3s forwards cubic-bezier(.4,0,.2,1)}.toast.success{border-left:4px solid var(--clr-success);box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 15px rgba(16,185,129,.15)}.toast i{color:var(--clr-success);font-size:1.25rem}@media (max-width:768px){.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:4.5rem;left:0;right:0;background:var(--clr-surface);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid var(--clr-border);padding:1.5rem;gap:1.25rem;box-shadow:0 15px 40px rgba(0,0,0,.25);z-index:99}.nav-links.active a::after{display:none}.menu-toggle{display:block}.footer-content{grid-template-columns:1fr;gap:2rem}.input-box{font-size:1.25rem;padding:1.25rem}.input-box-premium{font-size:1.35rem;padding:1.25rem 3.5rem 1.25rem 1.5rem}h1{text-align:center}p{text-align:center}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem}.hero-section::after,.hero-section::before{display:none}.generator-console{padding:1.5rem;margin-bottom:2rem}.decorator-grid{grid-template-columns:1fr;gap:1rem}.content-block{padding:2rem 1.5rem}.transformer-toolbar{gap:.4rem}.transformer-btn{padding:.4rem .8rem;font-size:.75rem}.category-tabs{gap:.25rem}.tab-btn{padding:.6rem 1rem;font-size:.8rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}}@media (max-width:480px){.hero-section h1{font-size:1.75rem}.hero-section p{font-size:.9375rem}.input-box-premium{font-size:1.15rem;padding:1rem 3rem 1rem 1rem}.generator-console{padding:1rem;border-radius:var(--radius-lg)}.content-block{padding:1.5rem 1rem;border-radius:var(--radius-lg)}.results-grid{grid-template-columns:1fr 1fr;gap:.5rem}.result-item.glass-card{padding:.85rem;min-height:90px}.result-text{font-size:1rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}}.result-item:first-child{animation-delay:20ms}.result-item:nth-child(2){animation-delay:40ms}.result-item:nth-child(3){animation-delay:60ms}.result-item:nth-child(4){animation-delay:80ms}.result-item:nth-child(5){animation-delay:.1s}.result-item:nth-child(6){animation-delay:.12s}.result-item:nth-child(7){animation-delay:.14s}.result-item:nth-child(8){animation-delay:.16s}.result-item:nth-child(9){animation-delay:.18s}.result-item:nth-child(10){animation-delay:.2s}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.blob-bg::after,.blob-bg::before{animation:none}}:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px;border-radius:4px}*,::after,::before{transition-property:background-color,border-color,color,box-shadow;transition-duration:.3s;transition-timing-function:ease}.btn,.btn-outline,.btn-primary,.clear-btn,.copy-btn,.decor-option,.decor-preview-box,.feature-card,.footer-links a,.glass-card,.input-box,.input-box-premium,.nav-links a,.pagination-item,.result-item,.result-item.glass-card,.scroll-btn,.symbol-btn,.tab-btn,.transformer-btn{transition-property:all}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.25);color:var(--clr-primary);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:1.5rem;backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out,pulse-glow 4s ease-in-out infinite;box-shadow:0 0 20px rgba(168,85,247,.15)}.hero-badge i{font-size:1rem;animation:float-subtle 3s ease-in-out infinite}.hero-title{display:flex;flex-direction:column;gap:.25rem}.hero-title-line{display:block}.text-glow-primary{background:linear-gradient(135deg,#7c3aed,#a855f7,#06b6d4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite;filter:drop-shadow(0 0 25px rgba(168, 85, 247, .5))}.text-glow-secondary{background:linear-gradient(135deg,#ec4899,#f43f5e,#a855f7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite;filter:drop-shadow(0 0 20px rgba(236, 72, 153, .4))}.hero-desc{font-size:1.125rem;color:var(--clr-text-muted);line-height:1.7;max-width:650px;margin:.5rem auto 1.5rem}.hero-keyword-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--clr-text);letter-spacing:.5px;padding:.75rem 1.5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(168,85,247,.12),rgba(236,72,153,.08));border:1px solid rgba(168,85,247,.2);margin-bottom:2rem;animation:glow-pulse 3s ease-in-out infinite}.keyword-glow{background:linear-gradient(90deg,var(--clr-primary),var(--clr-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.hero-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:.5rem;animation:fadeInUp 1s ease-out .3s both}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-number{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,var(--clr-primary),var(--clr-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.stat-label{font-size:.8rem;font-weight:600;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:2.5rem;background:linear-gradient(180deg,transparent,var(--clr-border),transparent)}.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-particles .particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--clr-primary);opacity:0}.hero-particles .particle:first-child{top:15%;left:10%;animation:particle-float-1 7s ease-in-out infinite;background:var(--clr-primary);box-shadow:0 0 8px var(--clr-primary-glow)}.hero-particles .particle:nth-child(2){top:25%;right:15%;width:3px;height:3px;animation:particle-float-2 9s ease-in-out infinite;animation-delay:-2s;background:var(--clr-secondary);box-shadow:0 0 6px var(--clr-secondary-glow)}.hero-particles .particle:nth-child(3){bottom:20%;left:20%;width:5px;height:5px;animation:particle-float-3 11s ease-in-out infinite;animation-delay:-4s;background:var(--clr-cyan);box-shadow:0 0 10px var(--clr-cyan-glow)}.hero-particles .particle:nth-child(4){top:40%;right:8%;width:3px;height:3px;animation:particle-float-1 8s ease-in-out infinite;animation-delay:-3s;background:#a855f7;box-shadow:0 0 6px rgba(168,85,247,.4)}.hero-particles .particle:nth-child(5){bottom:30%;right:25%;width:2px;height:2px;animation:particle-float-2 12s ease-in-out infinite;animation-delay:-5s;background:var(--clr-secondary);box-shadow:0 0 5px var(--clr-secondary-glow)}.hero-particles .particle:nth-child(6){top:60%;left:5%;width:3px;height:3px;animation:particle-float-3 10s ease-in-out infinite;animation-delay:-1s;background:var(--clr-primary);box-shadow:0 0 8px var(--clr-primary-glow)}@media (max-width:768px){.hero-badge{font-size:.75rem;padding:.4rem 1rem}.hero-stats{gap:1rem}.stat-number{font-size:1.4rem}.stat-label{font-size:.7rem}.hero-keyword-badge{font-size:.85rem;padding:.6rem 1rem}.hero-particles .particle{display:none}}@media (max-width:480px){.hero-stats{gap:.75rem}.stat-number{font-size:1.2rem}.stat-divider{height:2rem}}