@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#070b14;--bg-soft:#0d1424;--ink:#edf2ff;--ink-soft:#bcc4d1;--panel:#111a2fa8;--panel-strong:#121e3ac7;--line:#95aeff33;--accent-a:#7c5cff;--accent-b:#16d4e8;--accent-c:#7fffd4;--success:#57ff9a;--error:#ff7a9b;--shadow:0 20px 60px #080f2380;--card-radius:18px;--card-radius-sm:12px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 15% 10%,#7e5cff40,#0000 45%),radial-gradient(circle at 80% 20%,#17d5e83d,#0000 40%),linear-gradient(135deg,#04070f,#070f1f 40%,#090f20 100%);font-family:Manrope,Inter,Segoe UI,sans-serif}a{color:inherit}a:hover,a:focus-visible{text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;margin:0}p{margin:0}.site-body{min-height:100vh}.page-wrap{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 64px}.container{width:min(1180px,100%);margin:0 auto;padding:0 20px}.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a18a6;border-bottom:1px solid #859cff40;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;padding:14px 0;display:flex}.brand-lockup{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-lockup:hover,.brand-lockup:focus-visible{opacity:.94}.brand-logo{width:34px;height:34px}.brand-name{letter-spacing:.01em;font-size:17px;font-weight:800}.brand-dot{color:var(--ink-soft);opacity:.45}.brand-badge{color:#a9f3ff;background:linear-gradient(120deg,#7c5cff40,#17d4e833);border:1px solid #80a6ff66;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.site-nav{align-items:center;gap:8px;display:inline-flex}.nav-link{color:#d5deff;border:1px solid #0000;border-radius:999px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .18s}.nav-link:hover,.nav-link:focus-visible{background:#7093ff1a;border-color:#7ec0ff73}.mobile-menu-toggle{display:none}.mobile-menu-button{color:#e6ecff;cursor:pointer;background:#122048e6;border:1px solid #88a0ff57;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:36px;height:36px;display:none}.btn{border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s;display:inline-flex}.btn:hover,.btn:focus-visible{filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn{background:linear-gradient(130deg, var(--accent-a), #3f8dff);color:#fff;border:1px solid #ffffff14}.btn-ghost{color:#f2f6ff;background:#ffffff14;border:1px solid #bcc9ff66}.btn-glow{box-shadow:0 0 0 1px #7e5cff47,0 10px 28px #7c5cff59}.home-page,.tools-page,.tool-page,.info-page{padding-top:24px}.hero-shell{border-radius:var(--card-radius);border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(130deg,#12182ebf,#0a1125cc),linear-gradient(120deg,#7c5cff52,#17d4e83d);grid-template-columns:1.1fr .9fr;align-items:start;gap:26px;padding:28px;animation:.42s fadeIn;display:grid;position:relative;overflow:hidden}.hero-shell:after{content:"";pointer-events:none;opacity:.5;background:radial-gradient(circle,#57ff9a59,#0000 60%);border-radius:50%;width:360px;height:360px;position:absolute;inset:auto -120px -130px auto}.status-chip,.mark{color:#cdd7ff;border:1px solid #7f9af873;border-radius:999px;align-items:center;width:fit-content;margin-bottom:14px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}h1{margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.5rem);line-height:.95}.tagline{color:#eff3ff;margin-bottom:14px;font-size:clamp(1.2rem,2.2vw,1.85rem)}.subtitle,.subtle-copy{color:var(--ink-soft);font-size:16px;line-height:1.56}.hero-cta{margin-top:16px}.home-cta-row{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.category-row{flex-wrap:wrap;gap:8px;display:flex}.category{color:#edf3ff;background:#ffffff0f;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.category.active{background:#17d4e81f;border-color:#7ed4e880}.category.soon{color:#b3bdd9;background:#ffffff0f;border-color:#ffffff24}.hero-side-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b12278f;border:1px solid #7f9cff47;border-radius:14px;padding:18px;position:relative}.hero-side-glass .h3,.hero-side-glass h3{color:#ecf2ff;margin-bottom:12px;font-size:18px}.h3{font-size:18px}.trust-grid{gap:8px;display:grid}.trust-grid span{color:var(--ink-soft);background:#0e142b94;border:1px solid #849dfb4d;border-radius:10px;padding:10px;font-size:13px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 16px;display:flex}.section-head h2{font-size:22px}.section-card{border-radius:var(--card-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#0a1123b8,#0a112373);border:1px solid #86a4ff2e;margin:18px 0;padding:18px}.seo-section{border-radius:var(--card-radius-sm);background:#0b162d8c;border:1px solid #8aa3ff2e;margin-top:20px;padding:16px}.seo-section>p{color:var(--ink-soft);margin-top:8px;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.three-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.feature-item{color:#e5ebff;background:#0b18308c;border:1px solid #83a7ff38;border-radius:12px;margin:0;padding:12px}.tool-link-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e9eeff;background:#0812269e;border:1px solid #7b95eb40;border-radius:12px;flex-direction:column;gap:8px;min-height:155px;padding:14px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;transform:translateY(0)}.tool-link-card:after{content:"";opacity:0;pointer-events:none;border:1px solid #a7bcff59;border-radius:12px;transition:opacity .18s;position:absolute;inset:-1px}.card-hover-lift{animation:.42s cubic-bezier(.23,1,.32,1) tileFloat}.tool-link-card span{color:#a7bef8;font-size:12px;font-weight:700}.tool-link-card strong,.tool-link-card h3{font-size:18px}.tool-link-card p{color:var(--ink-soft);font-size:14px;line-height:1.45}.card-hover-lift:hover,.card-hover-lift:focus-within{border-color:#6fc4f094;transform:translateY(-6px);box-shadow:0 16px 40px #19347a73}.card-hover-lift:hover:after,.card-hover-lift:focus-within:after{opacity:1}.tool-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#0f1830a6,#0a1125a6);border:1px solid #85a6ff40;border-radius:14px;min-height:280px;padding:16px;animation:.42s cubic-bezier(.2,.8,.2,1) panelIn;box-shadow:0 12px 35px #060c1b59}.tool-panel__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.tool-panel__header h2{margin:0;font-size:21px}.tool-panel__icon{color:#a6cbff;background:#1c2d52b3;border:1px solid #80b0ff80;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.tool-panel .row,.tool-panel .stacked-field{margin-top:10px}.page-section{max-width:980px;padding:0 0 10px}.page-section h1{margin-bottom:14px}.back-link{color:#8db8ff;margin-bottom:16px;font-weight:600;text-decoration:none;display:inline-flex}.copy-block,.split-card,.section-card,.footer-card,.single-tool{margin-top:16px}.split-card,.section-card,.footer-card{transition:transform .16s,border-color .16s}.split-card:hover,.section-card:hover,.footer-card:hover{border-color:#86abff73;transform:translateY(-3px)}.split-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.split-card,.footer-card{background:#0a142c99;border:1px solid #819cff38;border-radius:12px;padding:16px}.split-card h2,.split-card h3,.section-card h2,.footer-card h3,.section-card h3{margin-bottom:10px}.split-card ul,.section-card ul{color:var(--ink-soft);margin:0;padding-left:20px}.split-card li,.section-card li{margin-bottom:6px}.tool-directory{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.tool-detail{max-width:980px}.single-tool{margin-top:14px}.tool-actions-bar{flex-wrap:wrap;gap:10px;margin:12px 0 16px;display:flex}.tool-actions-bar .btn{position:relative;overflow:hidden}.tool-actions-bar .btn:after{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);transition:transform .26s;position:absolute;inset:0;transform:translate(-120%)}.tool-actions-bar .btn:hover:after{transform:translate(120%)}.cta-grid{margin-top:12px}.seo-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px;display:grid}.seo-grid>div{background:#09122a94;border:1px solid #7696ff33;border-radius:12px;padding:14px}.seo-grid p,.seo-grid li{color:var(--ink-soft);line-height:1.55}.seo-grid ul{margin:0;padding-left:18px}.ad-slot{color:#b8c4ea;text-transform:uppercase;letter-spacing:.12em;background:#131e3a99;border:1px dashed #96acf366;border-radius:12px;justify-content:center;align-items:center;min-height:92px;margin-top:16px;font-size:12px;display:flex}.input,textarea,input[type=number],input[type=file],input[type=text],select{width:100%;max-width:100%;color:var(--ink);font:inherit;background:#090f1cbf;border:1px solid #7da0ff59;border-radius:10px;padding:9px 10px}textarea{resize:vertical;min-height:116px;font-family:Inter,ui-monospace,SFMono-Regular,Consolas,monospace}.row,.actions,.tool-panel .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{color:#c6d0ef;font-weight:600}.check{color:#d7e3ff;align-items:center;gap:8px;font-weight:600;display:inline-flex}button,.button{color:#04152d;cursor:pointer;background:linear-gradient(130deg,#7f5dffeb,#16d4e8f2);border:0;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.6}button[aria-label^=Copy]{justify-content:center;min-width:40px}.output{overflow-wrap:anywhere;color:#dce6ff;background:#040a1a8c;border:1px solid #7e99ff40;border-radius:10px;min-height:42px;margin-top:12px;padding:10px;font-family:Inter,ui-monospace,SFMono-Regular,Consolas,monospace}.output strong,.output span{display:block}.output span{color:var(--ink-soft);margin-top:4px;font-size:13px}.markdown-preview{color:#e7edff;background:#0a1224bf;border:1px solid #7b9dff3d;border-radius:10px;min-height:120px;margin-top:12px;padding:12px}.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview p{margin:0 0 8px}.markdown-preview li{margin-left:18px}.qr{border:1px solid #7a9fff4d;width:180px;height:180px;margin-top:12px;display:block}.error{color:var(--error);font-weight:600}.hint{color:var(--ink-soft);font-size:14px}.site-footer{background:#0a1122d9;border-top:1px solid #7e9fff33;margin-top:30px;padding:26px 0 18px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;width:min(1180px,100% - 32px);margin:0 auto;display:grid}.footer-card{background:#0f1a32a8;border:1px solid #819fff33}.footer-kicker{text-transform:uppercase;letter-spacing:.08em;color:#9fb1dd;font-size:11px}.footer-title{margin:8px 0;font-size:24px;font-weight:800}.footer-subtitle{color:#c3d1f0;margin-bottom:12px}.footer-cta-row{flex-wrap:wrap;gap:8px;display:flex}.footer-card ul{margin:8px 0 0;padding-left:0;list-style:none}.footer-card li+li{margin-top:8px}.footer-card a{color:#bad2ff}.footer-stat{color:#d3e0ff;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:inline-flex}.copyright{color:#99a9d2;width:min(1180px,100% - 32px);margin:18px auto 0;font-size:12px}@media (max-width:940px){.site-header__inner{flex-wrap:wrap}.site-nav{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e20fa;border:1px solid #7a9fff38;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:10px;display:none;position:absolute;top:66px;left:16px;right:16px}.mobile-menu-button{cursor:pointer;display:inline-flex}.mobile-menu-toggle:checked~.site-nav{display:flex}.hero-shell{grid-template-columns:1fr;padding:18px}.hero-side-glass{order:-1}.section-head{flex-direction:column;align-items:flex-start}.page-wrap{padding:10px 0 52px}}@media (max-width:640px){.page-wrap{width:calc(100% - 20px)}.container{padding:0 8px}.container:not(:first-child){margin-top:16px}.hero-side-glass{padding:12px}.tool-panel{min-height:260px}.tool-link-card{min-height:128px}.footer-grid{padding:0}.copyright{width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes tileFloat{0%{opacity:.96;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:.86;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}