:root{--bg:#0b1020;--card:#141a2e;--card2:#1b2340;--text:#e8ecf8;--muted:#9aa6c7;--brand:#6c8cff;--brand2:#a45cff;--ok:#3ddc97;--bad:#ff5d73;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 10% -10%, #1a2250 0%, transparent 60%), radial-gradient(900px 500px at 100% 0%, #2a1750 0%, transparent 55%), var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:var(--brand);text-decoration:none}.container{width:min(1100px,92%);margin:0 auto}.site-header{z-index:10;backdrop-filter:blur(12px);background:#0b1020bf;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;padding:14px 0;display:flex}.logo{color:var(--text);font-size:1.3rem;font-weight:800}.logo span{background:linear-gradient(90deg, var(--brand), var(--brand2));color:#0000;-webkit-background-clip:text;background-clip:text}.nav-links a{color:var(--muted);margin-left:22px;font-weight:500}.nav-links a:hover{color:var(--text)}.hero{text-align:center;padding:70px 0 40px}.hero h1{margin-bottom:14px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15}.hero h1 span{background:linear-gradient(90deg, var(--brand), var(--brand2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:620px;margin:0 auto 26px;font-size:1.1rem}.btn{cursor:pointer;background:linear-gradient(90deg, var(--brand), var(--brand2));color:#fff;border:0;border-radius:12px;padding:11px 22px;font-size:.95rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-block}.btn:hover{opacity:.92;transform:translateY(-2px)}.btn.ghost{background:var(--card2);color:var(--text)}.btn.active{outline:2px solid var(--brand)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding:20px 0 50px;display:grid}.tool-card{background:var(--card);border-radius:var(--radius);color:var(--text);border:1px solid #ffffff10;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:block}.tool-card:hover{border-color:var(--brand);transform:translateY(-5px);box-shadow:0 10px 30px #6c8cff25}.tool-card .icon{margin-bottom:10px;font-size:2rem}.tool-card h3{margin-bottom:6px;font-size:1.05rem}.tool-card p{color:var(--muted);font-size:.9rem}.section-title{margin-top:30px;font-size:1.5rem}.card{background:var(--card);border-radius:var(--radius);border:1px solid #ffffff10;padding:24px}.tool-head{padding:40px 0 20px}.tool-head h1{font-size:clamp(1.7rem,4vw,2.4rem)}.tool-head p{color:var(--muted)}textarea,input[type=text],input[type=number],input[type=date],select{background:var(--card2);width:100%;color:var(--text);font:inherit;border:1px solid #ffffff1a;border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:180px}textarea:focus,input:focus,select:focus{outline:2px solid var(--brand)}.row{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:16px 0;display:grid}.stat{background:var(--card2);text-align:center;border-radius:12px;padding:14px}.stat b{color:var(--brand);font-size:1.7rem;display:block}.stat small{color:var(--muted)}.tt-words{background:var(--card2);user-select:none;border-radius:12px;max-height:190px;padding:20px;font-family:Courier New,monospace;font-size:1.35rem;line-height:2.1;overflow:hidden}.tt-words span{color:var(--muted)}.tt-words span.ok{color:var(--ok)}.tt-words span.bad{color:var(--bad);background:#ff5d7322}.tt-words span.cur{background:#6c8cff44;border-radius:3px}.ad{text-align:center;color:var(--muted);border:1px dashed #ffffff25;border-radius:12px;margin:24px auto;padding:22px;font-size:.85rem}.prose{color:#cdd5ee;padding:20px 0 10px}.prose h2{color:var(--text);margin:22px 0 8px}.prose p,.prose li{margin-bottom:10px}.prose ul{padding-left:22px}.site-footer{text-align:center;color:var(--muted);border-top:1px solid #ffffff12;margin-top:50px;padding:30px 0;font-size:.9rem}.site-footer a{color:var(--muted);margin:0 10px}.prose h3{color:var(--text);margin:18px 0 4px;font-size:1.05rem}.prose ol{padding-left:22px}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:10px 0 20px;display:grid}.feature{background:var(--card);border-radius:var(--radius);border:1px solid #ffffff10;padding:20px}.feature h3{margin-bottom:6px;font-size:1.05rem}.feature p{color:var(--muted);font-size:.92rem}.faq details{background:var(--card);border:1px solid #ffffff10;border-radius:12px;margin-bottom:10px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin-top:8px}.article{max-width:760px;margin:0 auto}.post-meta{color:var(--muted);margin-top:6px;font-size:.9rem}.post-cta{background:var(--card2);border-radius:var(--radius);text-align:center;border:1px solid #ffffff14;margin:28px 0;padding:22px}.post-cta p{color:var(--muted);margin:6px 0 14px}.post-list{gap:16px;padding:20px 0 40px;display:grid}.post-card{background:var(--card);border-radius:var(--radius);color:var(--text);border:1px solid #ffffff10;padding:22px;transition:transform .2s,border-color .2s;display:block}.post-card:hover{border-color:var(--brand);transform:translateY(-3px)}.post-card h2,.post-card h3{margin-bottom:6px;font-size:1.2rem}.post-card p,.post-card small{color:var(--muted)}.about-box{color:#cdd5ee;max-width:760px;margin:0 auto;padding:10px 0 30px}.about-box h2{color:var(--text);margin-bottom:10px}