:root{--bg:#f5f7fb;--card:#fff;--text:#122033;--muted:#65758b;--line:#e3e9f2;--primary:#155eef;--primary2:#6d5dfc;--success:#16a36a;--shadow:0 12px 36px rgba(18,32,51,.08)}:root[data-theme=dark]{--bg:#08111f;--card:#101c2e;--text:#edf4ff;--muted:#9badc5;--line:#21324a;--shadow:0 12px 36px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white}.nav nav{display:flex;align-items:center;gap:22px;color:var(--muted)}.nav nav a:hover{color:var(--text)}.icon-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 11px;cursor:pointer}.hero{padding:80px 0 52px;background:radial-gradient(circle at 70% 20%,rgba(109,93,252,.16),transparent 36%),radial-gradient(circle at 20% 10%,rgba(21,94,239,.15),transparent 34%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}.eyebrow{color:var(--primary);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:14px 0 20px;letter-spacing:-.045em}.hero p{font-size:19px;color:var(--muted);max-width:680px}.search-box{display:flex;gap:10px;background:var(--card);padding:10px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-top:28px}.search-box input,.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;padding:13px 14px;font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}.stats-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:20px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:30px}.stat span{color:var(--muted)}.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section h2{font-size:32px;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card,.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.tool-card{transition:.2s transform,.2s border-color}.tool-card:hover{transform:translateY(-4px);border-color:var(--primary)}.tool-icon{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--primary) 12%,var(--card));display:grid;place-items:center;font-size:22px;margin-bottom:14px}.tool-card h3{margin:0 0 8px}.tool-card p{margin:0;color:var(--muted)}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary);font-size:12px;font-weight:800}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.tool-box{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;font-weight:700;margin-bottom:7px}.result{margin-top:20px;padding:20px;border-radius:16px;background:color-mix(in srgb,var(--success) 9%,var(--card));border:1px solid color-mix(in srgb,var(--success) 30%,var(--line))}.ad-slot{border:1px dashed var(--line);border-radius:16px;min-height:120px;display:grid;place-items:center;color:var(--muted);background:var(--card)}.footer{margin-top:60px;padding:42px 0 22px;background:var(--card);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer-grid div{display:flex;flex-direction:column;gap:8px}.copyright{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-side{background:#0c1728;color:#dce8fa;padding:24px}.admin-side a{display:block;padding:10px 12px;border-radius:10px;margin:5px 0}.admin-side a:hover{background:#182840}.admin-main{padding:28px}.table-wrap{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.notice{padding:14px;border-radius:12px;background:#e8f7ef;color:#126c45;margin-bottom:18px}.error{background:#fff0f0;color:#a32626}@media(max-width:850px){.hero-grid,.tool-layout,.admin-shell{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.admin-side{display:none}.nav nav a{display:none}}@media(max-width:560px){.grid,.form-grid,.footer-grid,.stats-panel{grid-template-columns:1fr}.hero{padding-top:52px}.hero h1{font-size:44px}.search-box{flex-direction:column}}

/* BeatleBuddy Futuristic Directory v1.1 */
.brand-accent{color:#2fc8ff}.profile-dot{width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(145deg,#2876ff,#853cff);color:#fff!important;box-shadow:0 0 22px rgba(80,85,255,.42);font-weight:900}.theme-moon{display:none}:root[data-theme=dark] .theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:inline}
.tools-directory-page{--bg:#030817;--card:#08152a;--text:#f6f8ff;--muted:#a9b4cc;--line:rgba(112,151,222,.24);--primary:#18c8ff;--primary2:#8c39ff;--shadow:0 18px 45px rgba(0,0,0,.28);background:#030817;color:#f6f8ff;min-height:100vh;overflow-x:hidden}.tools-directory-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 3%,rgba(72,29,255,.12),transparent 25%),radial-gradient(circle at 10% 35%,rgba(0,194,255,.07),transparent 26%);z-index:-1}.tools-directory-page .site-header{background:rgba(2,7,22,.78);border-color:rgba(98,136,216,.17);backdrop-filter:blur(20px)}.tools-directory-page .nav{height:76px}.tools-directory-page .brand{font-size:21px;color:#fff}.tools-directory-page .brand-mark{background:linear-gradient(145deg,#2d6eff,#7542ff);box-shadow:0 0 24px rgba(66,89,255,.45)}.tools-directory-page .nav nav{color:#c5cee0}.tools-directory-page .nav nav a:first-child{color:#fff;position:relative}.tools-directory-page .nav nav a:first-child:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-27px;background:linear-gradient(90deg,#15dbff,#6246ff);box-shadow:0 0 12px #15dbff}.tools-directory-page .icon-btn{width:38px;height:38px;padding:0;border-radius:50%;background:rgba(9,18,40,.7);border-color:rgba(118,149,216,.25);color:#fff}.tools-directory-page .footer{background:#050d1d;border-color:rgba(112,151,222,.17)}
.directory-hero{position:relative;padding:72px 0 36px;overflow:hidden;background:linear-gradient(180deg,rgba(5,11,32,.45),rgba(3,8,23,0))}.directory-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(29,212,255,.5),rgba(139,56,255,.45),transparent)}.directory-hero-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;min-height:300px;gap:40px}.neo-kicker{display:block;text-transform:uppercase;letter-spacing:.14em;color:#21e0ef;font-weight:800;font-size:13px;margin-bottom:12px}.directory-copy h1{font-size:clamp(54px,7vw,88px);line-height:.95;margin:0 0 22px;letter-spacing:-.055em;background:linear-gradient(100deg,#fff 10%,#b7c7ff 43%,#7e55ff 72%,#16dafa);-webkit-background-clip:text;color:transparent;display:inline-block;position:relative}.directory-copy h1 span{color:inherit}.directory-copy h1 i{font-style:normal;color:#78a6ff;font-size:.42em;position:absolute;right:-42px;top:8px;text-shadow:0 0 20px #61a1ff}.directory-copy>p{font-size:18px;line-height:1.65;color:#aeb9d1;max-width:610px;margin:0}.hero-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-trust-row span{padding:9px 13px;border:1px solid rgba(100,151,235,.2);background:rgba(8,20,48,.55);border-radius:10px;font-size:12px;color:#cad5eb}.tool-hologram{height:280px;position:relative;display:grid;place-items:center;perspective:800px}.tool-hologram:before{content:"";position:absolute;width:340px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(42,62,255,.32),rgba(8,213,255,.1) 43%,transparent 68%);filter:blur(15px);bottom:20px}.holo-platform{position:relative;width:144px;height:144px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(14,61,142,.65),rgba(67,27,160,.8));border:1px solid rgba(74,218,255,.7);transform:rotateX(8deg) rotateZ(4deg);box-shadow:inset 0 0 30px rgba(35,207,255,.35),0 0 22px #277cff,0 0 75px rgba(122,37,255,.65);animation:holoFloat 4s ease-in-out infinite}.holo-platform:before{content:"";position:absolute;inset:16px;border:1px solid rgba(103,228,255,.65);border-radius:22px;box-shadow:inset 0 0 20px rgba(33,220,255,.3)}.holo-platform span{font-size:67px;color:#b9efff;text-shadow:0 0 12px #18c8ff,0 0 35px #7e39ff;transform:rotateZ(-4deg)}.holo-rings{position:absolute;inset:0;display:grid;place-items:center}.holo-rings i{position:absolute;border:1px solid rgba(47,190,255,.4);border-radius:50%;transform:rotateX(67deg);animation:ringSpin 10s linear infinite}.holo-rings i:nth-child(1){width:260px;height:260px}.holo-rings i:nth-child(2){width:330px;height:330px;animation-direction:reverse;border-color:rgba(134,59,255,.35)}.holo-rings i:nth-child(3){width:410px;height:410px;border-style:dashed;opacity:.5}.holo-particles b{position:absolute;width:5px;height:5px;border-radius:50%;background:#34ddff;box-shadow:0 0 12px #34ddff}.holo-particles b:nth-child(1){left:10%;top:28%}.holo-particles b:nth-child(2){right:12%;top:18%;background:#a753ff}.holo-particles b:nth-child(3){right:5%;bottom:26%}.holo-particles b:nth-child(4){left:23%;bottom:15%;background:#744dff}.holo-particles b:nth-child(5){left:48%;top:4%;animation:pulse 1.5s infinite}@keyframes holoFloat{50%{transform:translateY(-10px) rotateX(8deg) rotateZ(-2deg)}}@keyframes ringSpin{to{transform:rotateX(67deg) rotateZ(360deg)}}@keyframes pulse{50%{opacity:.25;transform:scale(.45)}}
.directory-content{padding:0 0 20px}.directory-commandbar{display:grid;grid-template-columns:minmax(340px,1fr) 220px 210px;background:rgba(8,18,42,.8);border:1px solid rgba(94,137,217,.24);border-radius:16px;padding:8px;gap:8px;box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);position:relative;z-index:2}.neo-search,.neo-select{display:flex;align-items:center;gap:11px;height:58px;padding:0 16px;border:1px solid rgba(94,137,217,.18);background:rgba(5,14,35,.65);border-radius:11px;color:#91a6ca}.neo-search:focus-within,.neo-select:focus-within{border-color:#2acfff;box-shadow:0 0 0 3px rgba(30,205,255,.08)}.neo-search>span,.neo-select>span{font-size:22px;color:#91a7ce}.neo-search input,.neo-select select{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#eef4ff;font:inherit}.neo-search input::placeholder{color:#8190ac}.neo-search kbd{border:1px solid rgba(119,151,212,.22);border-radius:6px;padding:3px 6px;background:#0c1934;color:#7f91b4;font-family:inherit;font-size:10px}.neo-select select{appearance:none;cursor:pointer}.neo-select option{background:#08152a;color:#fff}.category-rail{display:flex;gap:10px;margin:14px 0 0;padding:10px;background:rgba(7,17,39,.72);border:1px solid rgba(94,137,217,.2);border-radius:15px;overflow:auto;scrollbar-width:thin}.category-chip{flex:0 0 auto;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border:1px solid rgba(86,130,204,.16);border-radius:11px;background:rgba(8,20,45,.65);color:#bdc8dc;cursor:pointer;font-weight:700;transition:.2s}.category-chip span{font-size:18px;color:#2ad6f1}.category-chip em{font-style:normal;font-size:10px;padding:2px 6px;border-radius:10px;background:rgba(115,147,204,.15);color:#93a4c1}.category-chip:hover,.category-chip.active{color:#fff;border-color:#984cff;background:linear-gradient(135deg,rgba(69,28,143,.45),rgba(14,49,109,.55));box-shadow:0 0 20px rgba(111,45,255,.17),inset 0 0 18px rgba(29,194,255,.07)}.directory-meta{display:flex;justify-content:space-between;gap:20px;margin:21px 2px 14px;color:#8291ad;font-size:12px}.directory-meta p{margin:0}.directory-meta strong{color:#25d8ef}.neo-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.neo-tool-card{min-height:207px;padding:19px 20px 16px;border-radius:16px;background:linear-gradient(145deg,rgba(11,27,58,.92),rgba(5,15,36,.92));border:1px solid rgba(92,142,224,.28);position:relative;overflow:hidden;transition:.22s ease;display:flex;flex-direction:column}.neo-tool-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-75px;top:-75px;background:var(--glow);filter:blur(35px);opacity:.14;transition:.25s}.neo-tool-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 34px rgba(0,0,0,.32),0 0 22px color-mix(in srgb,var(--accent) 18%,transparent)}.neo-tool-card:hover:before{opacity:.28}.accent-blue{--accent:#2788ff;--glow:#2788ff}.accent-violet{--accent:#9944ff;--glow:#9944ff}.accent-cyan{--accent:#19d8ed;--glow:#19d8ed}.accent-green{--accent:#18d5a0;--glow:#18d5a0}.accent-amber{--accent:#ffc02f;--glow:#ffc02f}.neo-tool-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.neo-tool-icon{width:58px;height:58px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 80%,#fff 5%),color-mix(in srgb,var(--accent) 60%,#131254));border:1px solid color-mix(in srgb,var(--accent) 82%,white 10%);font-size:25px;color:white;box-shadow:inset 0 0 16px rgba(255,255,255,.12),0 0 18px color-mix(in srgb,var(--accent) 36%,transparent)}.neo-badge{padding:5px 8px;border-radius:7px;background:rgba(39,77,174,.42);color:#c8d4ff;font-size:10px;font-weight:800;white-space:nowrap}.neo-tool-card h3{font-size:16px;line-height:1.3;margin:14px 0 7px;color:#fff}.neo-tool-card p{font-size:13px;color:#aab6cd;line-height:1.5;margin:0 0 13px}.neo-tool-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#8294b5;font-size:11px}.neo-tool-footer i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-style:normal;border:1px solid var(--accent);color:var(--accent);transition:.2s}.neo-tool-card:hover .neo-tool-footer i{background:var(--accent);color:#061021;transform:translateX(2px)}.empty-tools{text-align:center;padding:70px 20px;border:1px dashed rgba(97,143,220,.28);border-radius:18px;background:rgba(7,17,38,.65)}.empty-tools>div{font-size:50px;color:#2bd6ef}.empty-tools h3{margin:8px 0}.empty-tools p{color:#91a0bb}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.trust-grid article{display:flex;align-items:center;gap:14px;padding:17px;background:linear-gradient(145deg,rgba(11,27,58,.9),rgba(5,15,36,.9));border:1px solid rgba(92,142,224,.23);border-radius:14px}.trust-grid article>i{font-style:normal;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#36d8ff;font-size:27px;background:rgba(20,104,200,.15);box-shadow:inset 0 0 15px rgba(36,195,255,.2),0 0 16px rgba(36,195,255,.13)}.trust-grid article:nth-child(2)>i{color:#67ed4d}.trust-grid article:nth-child(3)>i{color:#c359ff}.trust-grid article:nth-child(4)>i{color:#ffd12f}.trust-grid h3{font-size:13px;margin:0 0 3px}.trust-grid p{font-size:11px;color:#8d9db8;margin:0}.bookmark-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;margin-top:14px;border:1px solid rgba(92,142,224,.25);border-radius:15px;background:linear-gradient(90deg,rgba(10,26,58,.92),rgba(6,18,43,.92));overflow:hidden;position:relative}.bookmark-banner:before{content:"";position:absolute;width:300px;height:80px;background:rgba(122,44,255,.2);filter:blur(55px);right:0}.bookmark-copy{display:flex;align-items:center;gap:15px;position:relative}.bookmark-copy>i{font-style:normal;font-size:27px;color:#ffc929;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:rgba(255,190,21,.08);box-shadow:inset 0 0 14px rgba(255,190,21,.16)}.bookmark-copy h3{font-size:14px;margin:0}.bookmark-copy p{font-size:12px;color:#91a0bb;margin:2px 0 0}.bookmark-btn{position:relative;min-width:230px;background:linear-gradient(100deg,#1477ff,#15ccef 55%,#a73dff);box-shadow:0 0 25px rgba(50,110,255,.28)}
@media(max-width:1050px){.neo-tool-grid{grid-template-columns:repeat(3,1fr)}.directory-commandbar{grid-template-columns:1fr 190px}.sort-select{display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.directory-hero-grid{grid-template-columns:1fr}.tool-hologram{display:none}.directory-hero{padding-top:50px}.directory-commandbar{grid-template-columns:1fr}.neo-select{display:none}.neo-tool-grid{grid-template-columns:repeat(2,1fr)}.directory-meta span{display:none}.tools-directory-page .nav nav{gap:12px}.tools-directory-page .profile-dot{display:grid!important}}@media(max-width:540px){.directory-copy h1{font-size:54px}.directory-copy>p{font-size:15px}.hero-trust-row{display:none}.neo-tool-grid,.trust-grid{grid-template-columns:1fr}.neo-tool-card{min-height:185px}.bookmark-banner{align-items:stretch;flex-direction:column}.bookmark-btn{min-width:0}.directory-commandbar{padding:6px}.directory-hero{padding-bottom:24px}.category-chip{height:42px}.tools-directory-page .nav nav a{display:none}}
:root:not([data-theme=dark]) .tools-directory-page{color-scheme:dark}

/* BeatleBuddy Neon Command Center v1.2 */
.neon-command-center{--neo-bg:#020816;--neo-panel:#07142a;--neo-panel-2:#091a35;--neo-line:rgba(75,128,216,.29);--neo-text:#f5f7ff;--neo-muted:#a7b1c9;background:#020816;color:var(--neo-text);min-height:100vh;color-scheme:dark}
.neon-command-center .site-header{position:relative;height:69px;background:rgba(2,7,20,.96);border-bottom:1px solid rgba(83,111,174,.18);backdrop-filter:blur(18px)}
.neon-command-center .nav{height:69px;max-width:1320px}
.neon-command-center .brand{font-size:21px;color:#fff;letter-spacing:-.02em}.neon-command-center .brand-mark{width:36px;height:36px;border-radius:9px;background:linear-gradient(145deg,#2c72ff,#7347ff);box-shadow:0 0 17px rgba(64,77,255,.48)}
.neon-command-center .brand-accent{background:linear-gradient(90deg,#23d8ef,#4387ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.neon-command-center .nav nav{gap:36px;color:#fff;font-size:15px}.neon-command-center .nav nav>a{position:relative}.neon-command-center .nav nav>a:first-child:after{content:"";position:absolute;height:3px;border-radius:3px;left:0;right:0;bottom:-24px;background:#19dfff;box-shadow:0 0 10px #19dfff}
.neon-command-center .icon-btn{width:42px;height:42px;padding:0;border-radius:50%;background:#050d20;border-color:#293853;color:#fff;font-size:19px}.neon-command-center .profile-dot{display:grid;width:38px;height:38px;border-radius:50%;place-items:center;color:white;background:linear-gradient(145deg,#6e35ff,#1f76ff);box-shadow:0 0 18px rgba(96,53,255,.43)}
.neon-command-center main{background:#020816;overflow:hidden}.neo-directory-hero{position:relative;height:276px;background:radial-gradient(ellipse at 73% 58%,rgba(42,24,181,.19),transparent 39%),linear-gradient(180deg,#020714,#030a1b);overflow:hidden}.neo-directory-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#162b55,transparent)}
.neo-network{position:absolute;inset:0;opacity:.37;background-image:linear-gradient(116deg,transparent 47%,rgba(34,109,255,.17) 48%,transparent 49%),linear-gradient(64deg,transparent 47%,rgba(132,42,255,.14) 48%,transparent 49%);background-size:92px 54px;mask-image:linear-gradient(90deg,transparent 24%,#000 58%,#000 92%,transparent)}
.neo-hero-inner{max-width:1320px;height:100%;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative;z-index:1}.neo-hero-copy{padding-top:3px}.neo-kicker{display:block;color:#18dbe8;text-transform:uppercase;font-size:12px;line-height:1;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.neo-hero-copy h1{font-size:63px;line-height:.98;letter-spacing:-.055em;margin:0;color:#fff;font-weight:800}.neo-hero-copy h1 span{background:linear-gradient(100deg,#5fa6ff,#8558ff 70%,#d34cff);-webkit-background-clip:text;background-clip:text;color:transparent}.neo-hero-copy h1 sup{font-size:25px;color:#38d8ff;margin-left:10px;vertical-align:top;text-shadow:0 0 14px #4187ff}.neo-hero-copy p{max-width:520px;color:#b8c0d2;font-size:17px;line-height:1.55;margin:21px 0 0}.neo-hero-art{height:100%;display:flex;align-items:center;justify-content:flex-end;position:relative}.neo-hero-art img{display:block;width:670px;max-width:115%;height:285px;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.12) contrast(1.04);margin-right:-24px}
.neo-directory-body{background:radial-gradient(circle at 35% 12%,rgba(33,57,151,.07),transparent 34%),#020816;padding:0 0 34px}.neo-directory-body>.container{max-width:1320px}.neo-commandbar{height:73px;display:grid;grid-template-columns:minmax(420px,1fr) 250px 250px;gap:14px;padding:10px;margin-top:0;border:1px solid var(--neo-line);border-radius:14px;background:rgba(6,17,39,.94);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.neo-searchbox,.neo-dropdown{min-width:0;display:flex;align-items:center;height:52px;border:1px solid rgba(89,132,207,.24);border-radius:10px;background:#07142b;color:#aeb9d0}.neo-searchbox{padding:0 16px;gap:13px}.neo-searchbox svg{width:22px;height:22px;stroke:#9eabc2;fill:none;stroke-width:1.8}.neo-searchbox input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:15px}.neo-searchbox input::placeholder{color:#929db4}.neo-searchbox kbd{border:1px solid #293c60;background:#0c1a34;color:#8c9ab4;border-radius:6px;font:10px inherit;padding:4px 7px}.neo-dropdown{padding:0 14px;gap:11px}.neo-dropdown span{font-size:21px;color:#24a3ff}.neo-dropdown .fire-symbol{color:#ffc126}.neo-dropdown select{appearance:none;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}.neo-dropdown option{background:#07142b}.neo-dropdown i{font-style:normal;color:#8390a9;font-size:17px}
.neo-category-tabs{height:78px;margin-top:14px;padding:11px;display:flex;align-items:center;gap:11px;overflow-x:auto;border:1px solid var(--neo-line);border-radius:14px;background:rgba(5,15,35,.95);scrollbar-width:none}.neo-category-tabs::-webkit-scrollbar{display:none}.neo-category{height:51px;flex:1 0 auto;min-width:126px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid rgba(80,121,191,.22);border-radius:10px;background:#07142b;color:#d5dbea;font-size:14px;font-weight:750;cursor:pointer;transition:.2s}.neo-category span{font-size:21px;color:#18d5a0}.neo-category:first-child span{color:#c748ff}.neo-category:hover,.neo-category.active{border-color:#a343ff;color:#fff;background:linear-gradient(145deg,rgba(72,22,119,.55),rgba(16,27,68,.72));box-shadow:inset 0 0 18px rgba(132,40,255,.11),0 0 17px rgba(116,43,255,.13)}
.neo-results-line{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 4px;color:#71819e;font-size:11px}.neo-results-line strong{color:#27d8eb}.neo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.neo-card{height:171px;position:relative;padding:17px 19px;border:1px solid rgba(68,121,205,.31);border-radius:14px;background:linear-gradient(145deg,rgba(8,25,54,.96),rgba(4,14,34,.98));overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}.neo-card:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;right:-68px;top:-68px;background:var(--card-accent);filter:blur(38px);opacity:.09}.neo-card:hover{transform:translateY(-4px);border-color:var(--card-accent);box-shadow:0 14px 28px rgba(0,0,0,.35),0 0 17px color-mix(in srgb,var(--card-accent) 15%,transparent)}.neo-accent-blue{--card-accent:#2789ff}.neo-accent-violet{--card-accent:#a743ff}.neo-accent-teal{--card-accent:#15d7bd}.neo-accent-green{--card-accent:#16d59a}.neo-accent-cyan{--card-accent:#17d8ed}.neo-card-head{display:flex;align-items:center;gap:14px}.neo-card-icon{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:27px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 78%,#fff 4%),color-mix(in srgb,var(--card-accent) 54%,#25106f));border:1px solid color-mix(in srgb,var(--card-accent) 85%,white 10%);box-shadow:inset 0 0 15px rgba(255,255,255,.16),0 0 16px color-mix(in srgb,var(--card-accent) 37%,transparent)}.neo-card-badge{padding:5px 9px;border-radius:7px;background:#10246a;color:#dce4ff;font-size:10px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.neo-card h3{font-size:15px;line-height:1.25;color:#fff;margin:11px 0 5px;max-width:85%}.neo-card p{font-size:12px;line-height:1.45;color:#a8b2c7;margin:0;max-width:82%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.neo-card-arrow{position:absolute;right:17px;bottom:16px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:var(--card-accent);border:1px solid var(--card-accent);font-size:21px;transition:.2s}.neo-card:hover .neo-card-arrow{color:#061020;background:var(--card-accent);transform:translateX(2px)}
.neo-empty{margin-top:10px}.neo-benefits{min-height:92px;margin-top:13px;padding:10px 13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 230px;gap:8px;align-items:center;border:1px solid var(--neo-line);border-radius:14px;background:#07152e}.neo-benefits article{display:flex;align-items:center;gap:12px;min-width:0}.neo-benefits article i{width:49px;height:49px;flex:0 0 49px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:28px;background:rgba(25,105,221,.13);text-shadow:0 0 12px currentColor}.benefit-blue{color:#28a2ff}.benefit-green{color:#4ce458}.benefit-purple{color:#b34aff}.benefit-yellow{color:#ffd32b}.neo-benefits h3{font-size:12px;margin:0 0 3px;color:#fff}.neo-benefits p{font-size:10px;line-height:1.45;margin:0;color:#8f9db6}.neo-explore{height:49px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:17px;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(100deg,#1977ff,#4a70ff 48%,#bc36f4);box-shadow:0 0 20px rgba(72,77,255,.29)}.neo-explore span{font-size:20px}.neon-command-center .footer{background:#020816;border-top:1px solid rgba(77,119,192,.18);color:#8390aa}.neon-command-center .footer-grid{padding-top:28px}.neon-command-center .copyright{border-color:rgba(77,119,192,.14)}
@media(max-width:1100px){.neo-commandbar{grid-template-columns:1fr 220px}.sort-dropdown{display:none}.neo-cards{grid-template-columns:repeat(3,1fr)}.neo-benefits{grid-template-columns:repeat(2,1fr)}.neo-explore{grid-column:span 2}.neo-hero-inner{grid-template-columns:52% 48%}.neo-hero-art img{width:570px}}
@media(max-width:760px){.neon-command-center .nav nav{gap:14px}.neon-command-center .nav nav>a:not(.profile-dot){display:none}.neo-directory-hero{height:245px}.neo-hero-inner{grid-template-columns:1fr}.neo-hero-art{display:none}.neo-hero-copy h1{font-size:55px}.neo-commandbar{height:auto;grid-template-columns:1fr}.neo-dropdown{display:none}.neo-cards{grid-template-columns:repeat(2,1fr)}.neo-category{min-width:122px}.neo-results-line span:last-child{display:none}.neo-benefits{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.container{width:min(100% - 22px,1320px)}.neo-directory-hero{height:230px}.neo-hero-copy h1{font-size:48px}.neo-hero-copy p{font-size:14px}.neo-cards{grid-template-columns:1fr}.neo-card{height:162px}.neo-benefits{grid-template-columns:1fr}.neo-explore{grid-column:auto}.neo-category-tabs{height:67px;padding:8px}.neo-category{height:47px}.neo-searchbox kbd{display:none}}

.brand-logo{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(239,35,60,.35))}.upload-zone{border:1px dashed rgba(80,180,255,.5);border-radius:18px;padding:34px;text-align:center;background:rgba(7,19,43,.65);cursor:pointer;transition:.25s}.upload-zone:hover,.upload-zone.dragover{border-color:#e42cff;box-shadow:0 0 28px rgba(151,46,255,.18);transform:translateY(-2px)}.upload-icon{font-size:44px;margin-bottom:10px}.image-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.preview-panel{min-height:280px;border:1px solid var(--border);border-radius:16px;padding:14px;background-color:#08142b;background-image:linear-gradient(45deg,#13213a 25%,transparent 25%),linear-gradient(-45deg,#13213a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#13213a 75%),linear-gradient(-45deg,transparent 75%,#13213a 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-panel img{display:block;width:100%;height:250px;object-fit:contain}.progress-line{height:7px;background:#101d36;border-radius:20px;overflow:hidden;margin:16px 0}.progress-line span{display:block;height:100%;width:35%;background:linear-gradient(90deg,#146cff,#d72cff,#00e4d0);animation:bbprogress 1.1s linear infinite}@keyframes bbprogress{from{transform:translateX(-120%)}to{transform:translateX(320%)}}@media(max-width:760px){.image-preview-grid{grid-template-columns:1fr}.brand-logo{width:32px;height:32px}}

/* v1.4 Exact Design alignment: wide canvas, readable typography, five-column desktop grid */
.neon-command-center .container{width:min(1480px,calc(100% - 56px));max-width:none}
.neon-command-center .nav{width:min(1480px,calc(100% - 56px));max-width:none;height:72px}
.neon-command-center .site-header{height:72px}
.neon-command-center .brand-logo{width:49px;height:43px}
.neon-command-center .brand{font-size:24px;gap:8px}
.neon-command-center .brand-accent{background:linear-gradient(90deg,#ef293d,#fb1632);-webkit-background-clip:text;background-clip:text;color:transparent}
.neon-command-center .nav nav{font-size:16px;gap:44px}
.neon-command-center .nav nav>a:first-child:after{bottom:-25px;background:#ff233d;box-shadow:0 0 11px #ff233d}
.neon-command-center .profile-dot{background:linear-gradient(145deg,#ff4351,#e51938)}
.neo-directory-hero{height:340px;background:radial-gradient(ellipse at 73% 56%,rgba(38,28,200,.22),transparent 42%),linear-gradient(180deg,#020714,#030a1b)}
.neo-hero-inner{width:min(1480px,calc(100% - 56px));max-width:none;grid-template-columns:44% 56%}
.neo-kicker{font-size:14px;color:#ff3349;margin-bottom:13px}
.neo-hero-copy h1{font-size:76px;line-height:.94}
.neo-hero-copy h1 span{background:linear-gradient(100deg,#ff3047,#bd3dcb 58%,#704bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.neo-hero-copy h1 sup{color:#ff3750}
.neo-hero-copy p{font-size:19px;line-height:1.42;max-width:560px;margin-top:18px}
.neo-hero-art{justify-content:center}
.neo-hero-art img{width:760px;max-width:120%;height:340px;margin-right:-45px}
.neo-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:19px;max-width:650px}
.neo-hero-stats article{height:66px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(61,122,221,.38);border-radius:10px;background:linear-gradient(145deg,rgba(10,27,57,.88),rgba(6,15,36,.9));box-shadow:inset 0 0 18px rgba(25,91,205,.06)}
.neo-hero-stats article:first-child{border-color:rgba(255,38,63,.55)}
.neo-hero-stats i{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;font-style:normal;font-size:22px;color:#ff3249;background:rgba(255,35,62,.1)}
.neo-hero-stats article:nth-child(2) i{color:#279dff;background:rgba(31,126,255,.11)}
.neo-hero-stats article:nth-child(3) i{color:#c849ff;background:rgba(178,43,255,.11)}
.neo-hero-stats article:nth-child(4) i{color:#19d78e;background:rgba(23,213,137,.11)}
.neo-hero-stats strong{display:block;color:#fff;font-size:22px;line-height:1.05}
.neo-hero-stats span{display:block;color:#a9b4c9;font-size:11px;margin-top:3px;white-space:nowrap}
.neo-directory-body>.container{width:min(1480px,calc(100% - 56px));max-width:none}
.neo-commandbar{height:74px;grid-template-columns:minmax(500px,1.5fr) 285px 285px;padding:10px 12px;border-color:rgba(87,132,216,.36)}
.neo-searchbox,.neo-dropdown{height:53px}
.neo-searchbox input{font-size:16px}.neo-dropdown select{font-size:16px}
.neo-category-tabs{height:76px;gap:13px;padding:10px 12px}.neo-category{height:52px;font-size:15px;min-width:142px;padding:0 20px}
.neo-category.active{border-color:#ff2944;background:linear-gradient(145deg,rgba(104,13,37,.6),rgba(22,25,65,.76));box-shadow:inset 0 0 18px rgba(255,35,65,.1),0 0 16px rgba(255,32,62,.12)}
.neo-category:first-child span{color:#ff2d46}
.neo-results-line{height:43px;font-size:13px}.neo-results-line strong{color:#ff3048}
.neo-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.neo-card{height:184px;padding:18px 18px;border-radius:13px}
.neo-card-head{gap:12px}.neo-card-icon{width:55px;height:55px;flex-basis:55px;font-size:26px}.neo-card-badge{font-size:10.5px;padding:5px 9px}
.neo-card h3{font-size:17px;line-height:1.2;margin:11px 0 6px;max-width:88%}.neo-card p{font-size:13.5px;line-height:1.42;max-width:84%}.neo-card-arrow{width:37px;height:37px;font-size:22px}
.neo-benefits{min-height:95px;grid-template-columns:repeat(4,minmax(0,1fr)) 245px;margin-top:15px;padding:11px 14px;border-color:rgba(255,39,64,.38)}
.neo-benefits h3{font-size:14px}.neo-benefits p{font-size:11px}.neo-explore{height:52px;font-size:15px;background:linear-gradient(100deg,#291b34,#761c35 52%,#f11f39);border:1px solid #ff2f46;box-shadow:0 0 20px rgba(255,36,62,.28)}
.neon-command-center .footer{margin-top:0;padding:18px 0 12px}.neon-command-center .footer-grid{display:none}.neon-command-center .copyright{margin-top:0;padding:0;border:0;text-align:center;font-size:12px}
@media(max-width:1350px){.neo-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.neo-hero-copy h1{font-size:68px}.neo-hero-stats{max-width:620px}.neo-commandbar{grid-template-columns:minmax(430px,1fr) 250px 250px}}
@media(max-width:1050px){.neo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.neo-hero-stats{grid-template-columns:repeat(2,1fr);max-width:430px}.neo-directory-hero{height:390px}.neo-hero-art img{width:610px}.neo-commandbar{grid-template-columns:1fr 230px}.sort-dropdown{display:none}}
@media(max-width:760px){.neon-command-center .container,.neon-command-center .nav,.neo-hero-inner,.neo-directory-body>.container{width:min(100% - 24px,1480px)}.neo-directory-hero{height:320px}.neo-hero-copy h1{font-size:56px}.neo-hero-copy p{font-size:16px}.neo-hero-stats{grid-template-columns:repeat(2,1fr);max-width:100%}.neo-hero-stats article{height:58px}.neo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.neo-card{height:176px}.neo-benefits{grid-template-columns:1fr 1fr}.neo-explore{grid-column:span 2}}
@media(max-width:520px){.neo-directory-hero{height:345px}.neo-hero-copy h1{font-size:48px}.neo-hero-stats{gap:8px}.neo-hero-stats article{padding:8px}.neo-hero-stats i{width:30px;height:30px}.neo-hero-stats strong{font-size:18px}.neo-cards{grid-template-columns:1fr}.neo-card{height:168px}.neo-benefits{grid-template-columns:1fr}.neo-explore{grid-column:auto}}

/* ==========================================================
   BeatleBuddy Exact Fullscreen Edition v1.6
   Pixel-matched responsive overrides for the approved design
   ========================================================== */
.neon-command-center{--bb-max:1536px;--bb-gutter:clamp(18px,3.7vw,84px);background:#010611}
.neon-command-center .container,
.neon-command-center .nav,
.neo-hero-inner,
.neo-directory-body>.container{width:calc(100% - (var(--bb-gutter) * 2));max-width:var(--bb-max);margin-inline:auto}
.neon-command-center .site-header{height:58px;background:#020612;border-bottom:1px solid rgba(80,105,160,.22)}
.neon-command-center .nav{height:58px}
.neon-command-center .brand{font-size:20px;gap:8px}
.neon-command-center .brand-logo{width:37px;height:34px}
.neon-command-center .nav nav{gap:36px;font-size:14px}
.neon-command-center .nav nav a:first-child:after{bottom:-19px;background:#ff2447;box-shadow:0 0 14px #ff2447}
.neon-command-center .profile-dot{background:linear-gradient(145deg,#ff2146,#ed163b);box-shadow:0 0 20px rgba(255,31,72,.45)}

.neo-directory-hero{height:272px;background:linear-gradient(180deg,#020612,#020715);border-bottom:0}
.neo-directory-hero:after{display:none}
.neo-network{opacity:.82;background:radial-gradient(circle at 67% 60%,rgba(111,24,255,.12),transparent 33%),linear-gradient(105deg,transparent 36%,rgba(255,30,65,.03) 50%,rgba(36,83,255,.035) 69%,transparent 86%)}
.neo-hero-inner{grid-template-columns:45% 55%;gap:10px}
.neo-hero-copy{padding:14px 0 0}
.neo-kicker{font-size:12px;color:#ff284b;letter-spacing:.075em;margin-bottom:10px}
.neo-hero-copy h1{font-size:clamp(58px,4.45vw,74px);line-height:.91;letter-spacing:-.055em}
.neo-hero-copy h1 span{background:linear-gradient(95deg,#ff304e 5%,#ea2d8e 48%,#7952ff 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.neo-hero-copy h1 sup{color:#ff3358;font-size:22px;text-shadow:0 0 14px #ff3152;top:-2px}
.neo-hero-copy p{font-size:14px;line-height:1.42;max-width:430px;margin-top:15px;color:#c4c9d6}
.neo-hero-art{overflow:visible;justify-content:center}
.neo-hero-art img{width:100%;max-width:800px;height:272px;margin:0;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.16) contrast(1.07) brightness(.93)}
.neo-hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:640px;margin-top:16px}
.neo-hero-stats article{height:54px;padding:7px 12px;border-radius:8px;background:rgba(5,15,34,.9);border:1px solid rgba(69,120,208,.54)}
.neo-hero-stats article:first-child{border-color:#f32c47}
.neo-hero-stats i{width:35px;height:35px;border-radius:7px;font-size:18px;color:#ff2949;background:rgba(255,34,70,.11)}
.neo-hero-stats strong{font-size:20px;line-height:1}.neo-hero-stats span{font-size:9px}

.neo-directory-body{padding-bottom:14px;background:#010611}
.neo-commandbar{height:59px;margin-top:0;padding:7px 9px;grid-template-columns:minmax(460px,1.55fr) minmax(220px,.62fr) minmax(220px,.62fr);gap:9px;border-radius:9px;background:#061126;border-color:rgba(76,113,177,.48)}
.neo-searchbox,.neo-dropdown{height:43px;border-radius:7px;background:#06142c;border-color:rgba(70,113,186,.43)}
.neo-searchbox input,.neo-dropdown select{font-size:12px}.neo-searchbox svg{width:17px}.neo-searchbox kbd{font-size:10px}
.neo-dropdown{font-size:13px}.neo-dropdown .grid-symbol{color:#00a9ff}.sort-dropdown .fire-symbol{color:#ffa500}
.neo-category-tabs{height:51px;margin-top:8px;padding:5px 7px;gap:8px;border-radius:8px;background:#051026}
.neo-category{height:39px;min-width:0;padding:0 15px;font-size:12px;border-radius:7px;background:#06142b}
.neo-category span{font-size:16px}.neo-category.active{border-color:#ff2447;background:linear-gradient(145deg,rgba(103,7,31,.72),rgba(25,12,44,.82));box-shadow:0 0 13px rgba(255,37,69,.21)}
.neo-results-line{height:25px;font-size:9.5px;padding:0 2px}.neo-results-line strong{color:#ff2949}

.neo-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.neo-card{height:126px;padding:11px 12px;border-radius:8px;border-color:rgba(54,105,186,.43);background:linear-gradient(145deg,rgba(7,23,49,.97),rgba(3,13,31,.99))}
.neo-card:hover{transform:translateY(-2px)}
.neo-card-head{gap:9px}.neo-card-icon{width:42px;height:42px;flex-basis:42px;border-radius:8px;font-size:22px}.neo-card-badge{padding:3px 7px;font-size:8px;border-radius:5px;max-width:145px}
.neo-card h3{font-size:13px;line-height:1.1;margin:7px 0 4px;max-width:86%}.neo-card p{font-size:9.5px;line-height:1.32;max-width:82%;-webkit-line-clamp:2}.neo-card-arrow{right:10px;bottom:10px;width:27px;height:27px;font-size:16px}
.neo-accent-blue{--card-accent:#168dff}.neo-accent-violet{--card-accent:#b02cff}.neo-accent-teal{--card-accent:#00d7a2}.neo-accent-green{--card-accent:#00d887}.neo-accent-cyan{--card-accent:#00d8ef}

.neo-benefits{height:54px;min-height:54px;margin-top:8px;padding:5px 8px;grid-template-columns:repeat(4,minmax(0,1fr)) 185px;gap:4px;border-radius:8px;background:#061127;border-color:rgba(255,35,66,.42)}
.neo-benefits article{gap:8px}.neo-benefits article i{width:38px;height:38px;flex-basis:38px;border-radius:8px;font-size:23px}.neo-benefits h3{font-size:10px;margin-bottom:1px}.neo-benefits p{font-size:8.5px;line-height:1.25}.neo-explore{height:37px;border-radius:6px;font-size:11px;background:linear-gradient(100deg,#7d102c,#e7193b);border-color:#ff2949;box-shadow:0 0 17px rgba(255,31,64,.38)}
.neon-command-center .footer{margin-top:0;padding:8px 0;background:#010611}.neon-command-center .footer-grid{display:none}.neon-command-center .copyright{margin:0;padding:0;border:0;text-align:center;font-size:10px}

@media (min-width:1800px){.neon-command-center{--bb-max:1680px}.neo-directory-hero{height:300px}.neo-hero-art img{height:300px}.neo-card{height:138px}.neo-card h3{font-size:14px}.neo-card p{font-size:10.5px}}
@media (max-width:1280px){.neon-command-center{--bb-gutter:24px}.neo-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.neo-hero-copy h1{font-size:58px}.neo-hero-stats{grid-template-columns:repeat(2,1fr);max-width:390px}.neo-directory-hero{height:320px}.neo-hero-art img{height:320px}.neo-commandbar{grid-template-columns:1fr 235px 235px}}
@media (max-width:980px){.neo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.neo-directory-hero{height:340px}.neo-hero-inner{grid-template-columns:52% 48%}.neo-hero-art img{height:340px;width:620px}.neo-commandbar{grid-template-columns:1fr 230px}.sort-dropdown{display:none}.neo-benefits{height:auto;grid-template-columns:repeat(2,1fr)}.neo-explore{grid-column:span 2}}
@media (max-width:760px){.neon-command-center{--bb-gutter:12px}.neon-command-center .nav nav{gap:14px}.neo-directory-hero{height:318px}.neo-hero-inner{grid-template-columns:1fr}.neo-hero-art{display:none}.neo-hero-copy h1{font-size:54px}.neo-hero-copy p{font-size:14px}.neo-commandbar{height:auto;grid-template-columns:1fr;padding:8px}.neo-dropdown{display:none}.neo-category-tabs{height:52px}.neo-category{min-width:132px}.neo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.neo-card{height:132px}.neo-benefits{grid-template-columns:1fr 1fr}.neo-results-line span:last-child{display:none}}
@media (max-width:500px){.neo-directory-hero{height:350px}.neo-hero-copy h1{font-size:48px}.neo-hero-stats{gap:7px}.neo-cards{grid-template-columns:1fr}.neo-card{height:128px}.neo-benefits{grid-template-columns:1fr;height:auto}.neo-explore{grid-column:auto}.neon-command-center .nav nav a:not(.profile-dot){display:none}}

/* ==========================================================
   BeatleBuddy Edge-to-Edge Edition v1.7
   Removes desktop side margins and improves readability
   ========================================================== */
.neon-command-center{
  --bb-max:none;
  --bb-gutter:clamp(12px,1.15vw,22px);
  font-size:16px;
}
.neon-command-center .container,
.neon-command-center .nav,
.neo-hero-inner,
.neo-directory-body>.container{
  width:calc(100% - (var(--bb-gutter) * 2));
  max-width:none;
}
.neon-command-center .site-header{height:66px}
.neon-command-center .nav{height:66px}
.neon-command-center .brand{font-size:23px}
.neon-command-center .brand-logo{width:43px;height:39px}
.neon-command-center .nav nav{font-size:16px;gap:40px}
.neon-command-center .nav nav a:first-child:after{bottom:-22px}

.neo-directory-hero{height:306px}
.neo-hero-inner{grid-template-columns:46% 54%;gap:18px}
.neo-hero-copy{padding-top:18px}
.neo-kicker{font-size:14px;margin-bottom:11px}
.neo-hero-copy h1{font-size:clamp(66px,5vw,86px)}
.neo-hero-copy h1 sup{font-size:25px}
.neo-hero-copy p{font-size:17px;line-height:1.48;max-width:560px;margin-top:17px}
.neo-hero-art img{height:306px;max-width:none;width:100%;object-fit:cover}
.neo-hero-stats{max-width:760px;gap:14px;margin-top:18px}
.neo-hero-stats article{height:65px;padding:9px 14px}
.neo-hero-stats i{width:41px;height:41px;font-size:21px}
.neo-hero-stats strong{font-size:25px}
.neo-hero-stats span{font-size:11px}

.neo-commandbar{height:68px;padding:8px 10px;grid-template-columns:minmax(520px,1.75fr) minmax(250px,.62fr) minmax(250px,.62fr);gap:11px}
.neo-searchbox,.neo-dropdown{height:50px}
.neo-searchbox input,.neo-dropdown select{font-size:15px}
.neo-searchbox svg{width:20px;height:20px}
.neo-searchbox kbd{font-size:12px;padding:5px 9px}
.neo-dropdown{font-size:15px}
.neo-dropdown .grid-symbol,.sort-dropdown .fire-symbol{font-size:20px}

.neo-category-tabs{height:60px;padding:6px 8px;gap:10px}
.neo-category{height:46px;padding:0 18px;font-size:14px}
.neo-category span{font-size:19px}
.neo-results-line{height:31px;font-size:12px;padding:0 3px}

.neo-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.neo-card{height:154px;padding:14px 15px;border-radius:10px}
.neo-card-head{gap:11px}
.neo-card-icon{width:49px;height:49px;flex-basis:49px;font-size:25px;border-radius:9px}
.neo-card-badge{padding:4px 8px;font-size:10px;max-width:175px}
.neo-card h3{font-size:16px;line-height:1.18;margin:9px 0 6px;max-width:88%}
.neo-card p{font-size:12.5px;line-height:1.4;max-width:84%;-webkit-line-clamp:2}
.neo-card-arrow{right:12px;bottom:12px;width:32px;height:32px;font-size:19px}

.neo-benefits{height:70px;min-height:70px;margin-top:11px;padding:7px 10px;grid-template-columns:repeat(4,minmax(0,1fr)) 220px;gap:7px}
.neo-benefits article{gap:10px}
.neo-benefits article i{width:47px;height:47px;flex-basis:47px;font-size:28px}
.neo-benefits h3{font-size:13px;margin-bottom:2px}
.neo-benefits p{font-size:10.5px;line-height:1.3}
.neo-explore{height:47px;font-size:14px}
.neon-command-center .copyright{font-size:12px}

@media (min-width:1800px){
  .neon-command-center{--bb-gutter:24px}
  .neo-directory-hero{height:326px}
  .neo-hero-art img{height:326px}
  .neo-card{height:164px}
  .neo-card h3{font-size:17px}
  .neo-card p{font-size:13px}
}
@media (max-width:1450px){
  .neon-command-center{--bb-gutter:14px}
  .neo-card{height:148px;padding:12px}
  .neo-card h3{font-size:15px}
  .neo-card p{font-size:11.5px}
  .neo-card-badge{font-size:9px}
}
@media (max-width:1180px){
  .neo-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .neo-commandbar{grid-template-columns:1fr 235px 235px}
  .neo-directory-hero{height:330px}
  .neo-hero-art img{height:330px}
}
@media (max-width:980px){
  .neo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .neo-hero-copy p{font-size:16px}
  .neo-commandbar{grid-template-columns:1fr 230px}
  .neo-card{height:158px}
}
@media (max-width:760px){
  .neon-command-center{--bb-gutter:10px}
  .neon-command-center .brand{font-size:20px}
  .neon-command-center .nav nav{font-size:14px;gap:16px}
  .neo-directory-hero{height:360px}
  .neo-hero-copy h1{font-size:58px}
  .neo-hero-copy p{font-size:15px}
  .neo-hero-stats article{height:60px}
  .neo-category-tabs{height:58px}
  .neo-category{min-width:150px;font-size:13px}
  .neo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .neo-card{height:160px}
  .neo-card h3{font-size:16px}
  .neo-card p{font-size:12px}
  .neo-benefits{height:auto}
}
@media (max-width:500px){
  .neo-directory-hero{height:385px}
  .neo-hero-copy h1{font-size:51px}
  .neo-cards{grid-template-columns:1fr}
  .neo-card{height:150px}
}

/* BeatleBuddy Functional UX fixes v1.8 */
[hidden], .is-filtered-out { display:none !important; }
.neo-category { user-select:none; }
.neo-category:focus-visible,.icon-btn:focus-visible,.neo-searchbox input:focus-visible,.neo-dropdown select:focus-visible{outline:3px solid rgba(255,45,77,.35);outline-offset:2px}

/* Fully implemented light mode for the neon directory. */
:root[data-theme="light"] .tools-directory-page{
  --neo-bg:#f3f7ff;--neo-panel:#ffffff;--neo-panel2:#eef4ff;--neo-text:#101b33;--neo-muted:#52627b;--neo-line:rgba(38,78,142,.20);
  color-scheme:light;background:#f3f7ff;color:#101b33;
}
:root[data-theme="light"] .tools-directory-page:before{background:radial-gradient(circle at 80% 4%,rgba(72,89,255,.13),transparent 28%),radial-gradient(circle at 8% 35%,rgba(255,42,78,.08),transparent 28%)}
:root[data-theme="light"] .tools-directory-page .site-header{background:rgba(255,255,255,.88);border-color:rgba(40,72,130,.15)}
:root[data-theme="light"] .tools-directory-page .brand,
:root[data-theme="light"] .tools-directory-page .nav nav a{color:#15213a}
:root[data-theme="light"] .tools-directory-page .icon-btn{background:#fff;color:#14213b;border-color:rgba(42,75,132,.2)}
:root[data-theme="light"] .neo-directory-hero{background:linear-gradient(100deg,#f8fbff 0%,#f1f5ff 43%,#eaf0ff 100%);border-color:rgba(38,72,130,.12)}
:root[data-theme="light"] .neo-directory-hero:after{background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.82) 32%,rgba(248,251,255,0) 62%)}
:root[data-theme="light"] .neo-hero-copy h1{color:#111d36}
:root[data-theme="light"] .neo-hero-copy p{color:#50617a}
:root[data-theme="light"] .neo-hero-stats article,
:root[data-theme="light"] .neo-commandbar,
:root[data-theme="light"] .neo-category-tabs,
:root[data-theme="light"] .neo-benefits{background:rgba(255,255,255,.93);border-color:rgba(38,78,142,.2);box-shadow:0 15px 38px rgba(31,61,112,.08)}
:root[data-theme="light"] .neo-hero-stats strong,
:root[data-theme="light"] .neo-searchbox input,
:root[data-theme="light"] .neo-dropdown select,
:root[data-theme="light"] .neo-category,
:root[data-theme="light"] .neo-card h3,
:root[data-theme="light"] .neo-benefits h3{color:#111d36}
:root[data-theme="light"] .neo-hero-stats span,
:root[data-theme="light"] .neo-searchbox input::placeholder,
:root[data-theme="light"] .neo-results-line,
:root[data-theme="light"] .neo-card p,
:root[data-theme="light"] .neo-benefits p{color:#586984}
:root[data-theme="light"] .neo-searchbox,
:root[data-theme="light"] .neo-dropdown,
:root[data-theme="light"] .neo-category{background:#f7faff;border-color:rgba(38,78,142,.18)}
:root[data-theme="light"] .neo-category:hover,
:root[data-theme="light"] .neo-category.active{color:#111d36;background:linear-gradient(145deg,#fff0f3,#f3eaff);border-color:#ff3654;box-shadow:0 8px 25px rgba(255,41,72,.13)}
:root[data-theme="light"] .neo-card{background:linear-gradient(145deg,#fff,#f7faff);border-color:rgba(35,78,145,.22);box-shadow:0 12px 30px rgba(27,58,110,.08)}
:root[data-theme="light"] .neo-card:hover{box-shadow:0 18px 38px rgba(25,58,112,.14)}
:root[data-theme="light"] .neo-card-badge{color:#284f9d;background:#eaf1ff}
:root[data-theme="light"] .neo-empty{background:#fff;color:#111d36;border-color:rgba(38,78,142,.2)}

/* Blog admin editor */
.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.admin-form-card{max-width:980px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form-grid .full{grid-column:1/-1}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.btn.danger{background:#b42335}.btn.small{padding:8px 12px;font-size:13px}.post-thumb{width:74px;height:48px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.inline-form{display:inline}.admin-help{font-size:13px;color:var(--muted);margin-top:5px}.admin-main textarea{min-height:240px;resize:vertical}.admin-main .field{margin-bottom:0}.admin-main .field input[type=file]{padding:10px}.status-pill{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:12px;font-weight:800;background:#e9eef8}.status-pill.published{background:#dff6ea;color:#126b43}.status-pill.draft{background:#fff1d8;color:#8a5600}
@media(max-width:760px){.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full{grid-column:auto}.admin-toolbar{align-items:flex-start;flex-direction:column}}

/* BeatleBuddy Premium Light Theme v1.9 */
:root[data-theme=light] .tools-directory-page,
:root:not([data-theme]) .tools-directory-page{
  --bg:#f7f9fe;--card:#ffffff;--text:#101d36;--muted:#53627b;--line:#dfe6f2;--primary:#ff2456;--primary2:#7d3cff;
  background:linear-gradient(180deg,#ffffff 0,#f7f9fe 58%,#f5f8fd 100%);color:#101d36;
}
:root[data-theme=light] .tools-directory-page:before,
:root:not([data-theme]) .tools-directory-page:before{
  background:radial-gradient(circle at 72% 10%,rgba(88,92,255,.10),transparent 28%),radial-gradient(circle at 30% 20%,rgba(255,45,100,.08),transparent 24%);
}
:root[data-theme=light] .tools-directory-page .site-header,
:root:not([data-theme]) .tools-directory-page .site-header{
  background:rgba(255,255,255,.92);border-color:#e4e9f2;box-shadow:0 4px 18px rgba(26,45,82,.05)
}
:root[data-theme=light] .tools-directory-page .brand{color:#13213a}
:root[data-theme=light] .tools-directory-page .nav nav,
:root:not([data-theme]) .tools-directory-page .nav nav{color:#27354e}
:root[data-theme=light] .tools-directory-page .nav nav a:first-child,
:root:not([data-theme]) .tools-directory-page .nav nav a:first-child{color:#111d34}
:root[data-theme=light] .tools-directory-page .nav nav a:first-child:after,
:root:not([data-theme]) .tools-directory-page .nav nav a:first-child:after{background:#ff2456;box-shadow:0 4px 10px rgba(255,36,86,.30)}
:root[data-theme=light] .tools-directory-page .icon-btn,
:root:not([data-theme]) .tools-directory-page .icon-btn{background:#fff;border-color:#dbe3ef;color:#13213a;box-shadow:0 5px 14px rgba(25,43,78,.06)}
:root[data-theme=light] .tools-directory-page .profile-dot,
:root:not([data-theme]) .tools-directory-page .profile-dot{background:linear-gradient(145deg,#ff2959,#ff0c45);box-shadow:0 7px 20px rgba(255,36,86,.25)}

:root[data-theme=light] .neo-directory-hero,
:root:not([data-theme]) .neo-directory-hero{background:linear-gradient(105deg,#fff 0%,#f9fbff 43%,#f5f7ff 100%);border-bottom:1px solid #e8edf5}
:root[data-theme=light] .neo-network,
:root:not([data-theme]) .neo-network{opacity:.18;filter:saturate(.8)}
:root[data-theme=light] .neo-kicker,
:root:not([data-theme]) .neo-kicker{color:#ff234f}
:root[data-theme=light] .neo-hero-copy h1,
:root:not([data-theme]) .neo-hero-copy h1{background:linear-gradient(100deg,#101d36 10%,#182846 35%,#ff2f68 57%,#8148ff 90%);-webkit-background-clip:text;color:transparent}
:root[data-theme=light] .neo-hero-copy p,
:root:not([data-theme]) .neo-hero-copy p{color:#465673}
:root[data-theme=light] .neo-hero-art,
:root:not([data-theme]) .neo-hero-art{background:radial-gradient(ellipse at center,rgba(65,102,255,.14),transparent 62%)}
:root[data-theme=light] .neo-hero-art picture,
:root:not([data-theme]) .neo-hero-art picture{display:block;width:100%;height:100%}
:root[data-theme=light] .neo-hero-art img,
:root:not([data-theme]) .neo-hero-art img{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 25px 25px rgba(65,63,190,.14)) saturate(1.12)}
:root[data-theme=light] .neo-hero-stats article,
:root:not([data-theme]) .neo-hero-stats article{background:rgba(255,255,255,.96);border-color:#dce5f1;box-shadow:0 8px 24px rgba(37,58,96,.07)}
:root[data-theme=light] .neo-hero-stats strong,
:root:not([data-theme]) .neo-hero-stats strong{color:#11213b}
:root[data-theme=light] .neo-hero-stats span,
:root:not([data-theme]) .neo-hero-stats span{color:#53627a}

:root[data-theme=light] .neo-directory-body,
:root:not([data-theme]) .neo-directory-body{background:linear-gradient(180deg,#fbfcff,#f7f9fd)}
:root[data-theme=light] .neo-commandbar,
:root:not([data-theme]) .neo-commandbar,
:root[data-theme=light] .neo-category-tabs,
:root:not([data-theme]) .neo-category-tabs{background:#fff;border-color:#dbe4f0;box-shadow:0 8px 24px rgba(35,55,90,.06)}
:root[data-theme=light] .neo-searchbox,
:root:not([data-theme]) .neo-searchbox,
:root[data-theme=light] .neo-dropdown,
:root:not([data-theme]) .neo-dropdown{background:#fff;border-color:#dbe4f0;color:#192844}
:root[data-theme=light] .neo-searchbox input,
:root:not([data-theme]) .neo-searchbox input,
:root[data-theme=light] .neo-dropdown select,
:root:not([data-theme]) .neo-dropdown select{color:#192844;background:transparent}
:root[data-theme=light] .neo-searchbox input::placeholder,
:root:not([data-theme]) .neo-searchbox input::placeholder{color:#71809a}
:root[data-theme=light] .neo-searchbox svg,
:root:not([data-theme]) .neo-searchbox svg{stroke:#60708c}
:root[data-theme=light] .neo-searchbox kbd,
:root:not([data-theme]) .neo-searchbox kbd{background:#f4f7fb;border-color:#dce5f1;color:#52617a}
:root[data-theme=light] .neo-category,
:root:not([data-theme]) .neo-category{background:#fff;border-color:#dce5f1;color:#25344f}
:root[data-theme=light] .neo-category:hover,
:root:not([data-theme]) .neo-category:hover{background:#f8faff;border-color:#bdc9db}
:root[data-theme=light] .neo-category.active,
:root:not([data-theme]) .neo-category.active{background:linear-gradient(180deg,#fff8fa,#fff1f5);border-color:#ff315d;color:#17223a;box-shadow:0 7px 18px rgba(255,49,93,.09)}
:root[data-theme=light] .neo-results-line,
:root:not([data-theme]) .neo-results-line{color:#586780}

:root[data-theme=light] .neo-card,
:root:not([data-theme]) .neo-card{background:rgba(255,255,255,.96);border-color:#dfe6f1;box-shadow:0 8px 24px rgba(35,55,90,.055);color:#11203a}
:root[data-theme=light] .neo-card:hover,
:root:not([data-theme]) .neo-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(37,57,92,.11);border-color:var(--accent,#5b8cff)}
:root[data-theme=light] .neo-card h3,
:root:not([data-theme]) .neo-card h3{color:#111f38}
:root[data-theme=light] .neo-card p,
:root:not([data-theme]) .neo-card p{color:#4f5f79}
:root[data-theme=light] .neo-card-badge,
:root:not([data-theme]) .neo-card-badge{background:color-mix(in srgb,var(--accent,#4a7dff) 11%,#fff);color:color-mix(in srgb,var(--accent,#4a7dff) 82%,#13213a);border:0}
:root[data-theme=light] .neo-card-icon,
:root:not([data-theme]) .neo-card-icon{box-shadow:0 9px 20px color-mix(in srgb,var(--accent,#4a7dff) 20%,transparent)}

:root[data-theme=light] .neo-benefits,
:root:not([data-theme]) .neo-benefits{background:#fff;border-color:#dfe6f0;box-shadow:0 10px 28px rgba(35,55,90,.06)}
:root[data-theme=light] .neo-benefits h3,
:root:not([data-theme]) .neo-benefits h3{color:#16233d}
:root[data-theme=light] .neo-benefits p,
:root:not([data-theme]) .neo-benefits p{color:#53627a}
:root[data-theme=light] .neo-explore,
:root:not([data-theme]) .neo-explore{background:linear-gradient(135deg,#ff2456,#f11645);box-shadow:0 10px 22px rgba(255,36,86,.24)}
:root[data-theme=light] .tools-directory-page .footer,
:root:not([data-theme]) .tools-directory-page .footer{background:#f8fafe;border-color:#e2e8f1;color:#55647b}

@media (max-width:760px){
  :root[data-theme=light] .neo-hero-art img,:root:not([data-theme]) .neo-hero-art img{opacity:.88}
}