body{margin:0;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:#121212;color:#e0e0e0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-deep: #050505;--bg-surface: #0a0a0a;--bg-glass: rgba(20, 20, 20, .6);--bg-glass-hover: rgba(30, 30, 30, .8);--brand-primary: #3b82f6;--brand-glow: rgba(59, 130, 246, .5);--brand-secondary: #10b981;--brand-tertiary: #8b5cf6;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #475569;--border-subtle: rgba(255, 255, 255, .06);--border-highlight: rgba(255, 255, 255, .12);--glass-blur: blur(20px);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 8px;--ease-elastic: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--bg-deep);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;width:800px;height:800px;border-radius:50%;filter:blur(100px);opacity:.15;z-index:-1;animation:orbit 20s linear infinite}body:before{background:var(--brand-primary);top:-20%;left:-10%}body:after{background:var(--brand-tertiary);bottom:-20%;right:-10%;animation-delay:-10s}@keyframes orbit{0%{transform:translate(0) scale(1)}33%{transform:translate(50px,50px) scale(1.1)}66%{transform:translate(-30px,80px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-group>*{opacity:0;animation:reveal .8s var(--ease-elastic) forwards}.reveal-group>*:nth-child(1){animation-delay:.1s}.reveal-group>*:nth-child(2){animation-delay:.2s}.reveal-group>*:nth-child(3){animation-delay:.3s}.reveal-group>*:nth-child(4){animation-delay:.4s}.reveal-group>*:nth-child(5){animation-delay:.5s}.reveal-group>*:nth-child(6){animation-delay:.6s}.hover-float{transition:transform .3s var(--ease-elastic)}.hover-float:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px var(--brand-glow)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#050505b3;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:50}.brand{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2.5rem;position:relative;display:inline-block}.brand:after{content:"";position:absolute;bottom:-4px;left:0;width:40px;height:3px;background:var(--brand-primary);border-radius:2px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent}.nav-link:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.nav-link.active{background:#3b82f61a;border-color:#3b82f633;color:var(--brand-primary);box-shadow:0 0 15px #3b82f61a}.nav-link svg{width:20px;height:20px;transition:transform .3s ease}.nav-link:hover svg{transform:scale(1.1) rotate(5deg)}.accordion{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;color:#fff;border:1px solid var(--border-subtle);padding:1rem;border-radius:var(--radius-md);cursor:pointer;margin-bottom:.5rem;transition:all .2s}.accordion:hover{border-color:var(--border-highlight);background:#ffffff08}.accordion-panel{overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding-left:.5rem}.accordion-panel.expanded{max-height:500px;padding-top:.5rem}.sidebar-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:var(--brand-primary);color:#fff;border:none;border-radius:50%;display:none;align-items:center;justify-content:center;box-shadow:0 10px 30px #3b82f666;z-index:100;cursor:pointer;transition:transform .2s var(--ease-elastic)}.sidebar-fab:active{transform:scale(.9)}.main-content{padding:3rem 4rem;max-width:1400px;margin:0 auto;width:100%}.title{font-family:Sora,sans-serif;font-size:clamp(2.5rem,4vw,4rem);font-weight:800;margin:0 0 .5rem;line-height:1.1;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:reveal .8s var(--ease-elastic) backwards;text-shadow:0 0 50px rgba(59,130,246,.1)}.subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:3rem;animation:reveal .8s var(--ease-elastic) .1s backwards}.card{background:var(--bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .4s var(--ease-smooth);position:relative;overflow:hidden}.card:hover{border-color:#ffffff26;box-shadow:0 20px 40px -10px #00000080;transform:translateY(-2px)}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transform:translate(-100%);transition:.6s}.card:hover:after{transform:translate(100%)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.tool-card{composes:card;display:flex;flex-direction:column;padding:2rem;cursor:pointer}.tool-card .tool-icon{width:56px;height:56px;border-radius:14px;background:#ffffff0d;color:var(--brand-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;transition:all .3s var(--ease-elastic);border:1px solid var(--border-subtle)}.tool-card:hover .tool-icon{background:var(--brand-primary);color:#fff;transform:scale(1.1) rotate(-5deg);box-shadow:0 10px 20px -5px var(--brand-glow)}.tool-card h3{font-family:Sora,sans-serif;font-size:1.25rem;margin:0 0 .5rem;color:#fff}.tool-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.wordlist-container{display:flex;gap:2rem;align-items:flex-start}.wordlist-form{composes:card;flex:0 0 350px;padding:2rem}.wordlist-form label{display:block;font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:1.5rem}.wordlist-form input,.wordlist-form select,.wordlist-form textarea{width:100%;margin-top:.5rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem;color:#fff;font-family:inherit;font-size:1rem;transition:all .2s}.wordlist-form input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f626;background:#00000080;transform:scale(1.01)}button[type=submit],.btn-primary{width:100%;background:linear-gradient(135deg,var(--brand-primary),#2563eb);color:#fff;border:none;padding:1rem;border-radius:var(--radius-sm);font-weight:600;font-size:1.05rem;cursor:pointer;box-shadow:0 4px 6px -1px var(--brand-glow),0 2px 4px -1px #0000000f;transition:all .3s var(--ease-elastic);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}button[type=submit]:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px var(--brand-glow);filter:brightness(1.1)}button[type=submit]:active{transform:scale(.98)}.wordlist-output-panel{flex:1}.wordlist-output-fixed{composes:card;padding:2rem;height:100%}.wordlist-scrollbox{background:#000;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:400px;overflow-y:auto;padding:1rem;margin-bottom:1.5rem;font-family:Fira Code,monospace}.wordlist-scrollbox ul li{padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.02);color:var(--text-muted);animation:reveal .3s var(--ease-smooth) backwards}.wordlist-scrollbox ul li:hover{color:var(--brand-secondary);padding-left:.5rem;background:#ffffff05}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-100%;width:280px;background:#050505;transition:transform .4s var(--ease-elastic)}.sidebar.open{transform:translate(100%)}.sidebar-fab{display:flex}.wordlist-container{flex-direction:column}.wordlist-form{width:100%;flex:none}.main-content{padding:2rem 1.5rem}.title{font-size:2.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-accent{color:var(--brand-primary)}.text-gradient{background:linear-gradient(135deg,var(--brand-primary),var(--brand-tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.flex-row-gap{display:flex;gap:1rem}