:root{--bg:#0b1020;--bg2:#111931;--surface:rgba(255,255,255,.08);--surface-2:rgba(255,255,255,.12);--text:#ecf2ff;--muted:#a8b6d9;--line:rgba(255,255,255,.12);--accent:#7c5cff;--accent2:#0fd3c9;--accent3:#f54ea2;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:22px;--radius-sm:16px;--container:min(1180px,calc(100% - 32px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(124,92,255,.22),transparent 28%),radial-gradient(circle at top right,rgba(15,211,201,.16),transparent 24%),linear-gradient(135deg,#08101f,#10182e 52%,#0a1120);min-height:100vh;line-height:1.6}.page-fade{animation:fadeIn .55s ease both}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:var(--container);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(10,15,29,.62);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;box-shadow:0 10px 30px rgba(124,92,255,.35)}.brand small{display:block;color:var(--muted);font-weight:600;font-size:12px}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-links a{padding:10px 14px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;transition:.25s transform,.25s border-color,.25s box-shadow}.nav-links a:hover,.nav-links a.active{transform:translateY(-1px);border-color:rgba(124,92,255,.45);box-shadow:0 10px 24px rgba(124,92,255,.18)}.hero{padding:64px 0 26px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.glass{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.hero-card{padding:34px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#d6e2ff;font-size:13px}.hero h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.05;margin:18px 0 14px}.hero p{color:var(--muted);max-width:66ch}.search-wrap{position:relative;margin-top:22px}.search-wrap input,.tool-input,textarea,select{width:100%;border:none;outline:none;background:rgba(8,14,28,.68);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:.25s border-color,.25s box-shadow, .25s transform}.search-wrap input:focus,.tool-input:focus,textarea:focus,select:focus{border-color:rgba(124,92,255,.6);box-shadow:0 0 0 4px rgba(124,92,255,.16), 0 12px 30px rgba(124,92,255,.15)}.search-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);margin:10px 8px 0 0;color:#dce6ff;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stat{padding:18px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.stat b{font-size:1.6rem;display:block}.section{padding:18px 0 28px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-head h2{margin:0;font-size:clamp(1.35rem,2vw,2rem)}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;overflow:hidden;padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.05));border:1px solid var(--line);box-shadow:var(--shadow);transition:.28s transform,.28s box-shadow,.28s border-color}.card:before{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));opacity:.9}.card:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(124,92,255,.4);box-shadow:0 24px 60px rgba(5,9,18,.55),0 0 0 1px rgba(124,92,255,.18)}.card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(15,211,201,.18));border:1px solid rgba(255,255,255,.12);margin-bottom:14px;font-size:20px}.card h3{margin:0 0 8px;font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.95rem}.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pill{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12px;color:#dce6ff}.ad{padding:18px;border-radius:20px;border:1px dashed rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));text-align:center;color:#c6d3f5}.ad strong{display:block;font-size:1rem}.tools-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.panel{padding:22px}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;padding:13px 16px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#5d8dff);color:white;font-weight:700;box-shadow:0 16px 36px rgba(124,92,255,.28);transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(124,92,255,.38)}.btn.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:none}.btn::after{content:"";position:absolute;inset:auto; width:0;height:0; background:rgba(255,255,255,.22); border-radius:999px; transform:translate(-50%,-50%); opacity:0}.btn:active::after{width:260px;height:260px;left:50%;top:50%;opacity:1;transition:0s}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.mini-stat{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.mini-stat span{display:block;color:var(--muted);font-size:13px}.mini-stat b{font-size:1.3rem}.result{margin-top:18px;padding:18px;border-radius:18px;background:rgba(6,12,25,.78);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word}.result.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{border-top:1px solid var(--line)}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 2px;font-weight:700;cursor:pointer}.faq-a{display:none;color:var(--muted);padding:0 2px 16px}.faq-item.open .faq-a{display:block}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-bottom:12px}.breadcrumbs a{color:#d9e4ff}.site-footer{padding:34px 0 48px;margin-top:26px;border-top:1px solid var(--line);background:rgba(5,9,18,.45)}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:20px}.footer-links{display:grid;gap:8px}.copy{margin-top:18px;color:var(--muted);font-size:14px}.desc p,.desc li{color:var(--muted)}.loader{display:none;width:20px;height:20px;border-radius:999px;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;animation:spin .8s linear infinite}.working .loader{display:inline-block}.toast{position:fixed;right:18px;bottom:18px;z-index:120;background:#111a30;border:1px solid var(--line);padding:14px 16px;border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.28s}.toast.show{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}code.inline{background:rgba(255,255,255,.06);padding:3px 8px;border-radius:10px;border:1px solid var(--line)}.compare-block{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.line-add{background:rgba(25,191,115,.12);border-left:3px solid #2ac67a;padding:5px 8px;border-radius:8px;margin:6px 0}.line-rem{background:rgba(240,78,78,.12);border-left:3px solid #ff6b6b;padding:5px 8px;border-radius:8px;margin:6px 0}.line-same{background:rgba(255,255,255,.03);padding:5px 8px;border-radius:8px;margin:6px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.tag{display:inline-block;margin:4px 6px 0 0;padding:7px 10px;border-radius:999px;background:rgba(124,92,255,.12);border:1px solid rgba(124,92,255,.24)}
@media (max-width:1024px){.hero-grid,.tools-layout,.footer-grid{grid-template-columns:1fr}.grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;flex-direction:column}.nav-links{width:100%}}
@media (max-width:720px){.grid,.tool-grid,.stat-grid,.result.split{grid-template-columns:1fr}.hero{padding-top:38px}.hero-card,.panel{padding:18px}.card{padding:18px}}