:root{--bg:#050816;--card:#0d1430;--muted:#aab6d3;--text:#f6f9ff;--cyan:#19e5ff;--blue:#4d7cff;--violet:#9d4dff;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial;background:radial-gradient(circle at top,#14245c 0,#050816 34%,#02030a 100%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 6%;background:rgba(5,8,22,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.25rem}.brand img,.footer img,.hero-logo,.tool-hero img{border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(25,229,255,.5)}.brand img{width:46px;height:46px}.nav-links{display:flex;gap:16px;flex-wrap:wrap}.nav-links a{font-size:.9rem;color:var(--muted)}.nav-links a:hover{color:var(--cyan)}.menu-btn{display:none;background:transparent;color:white;border:0;font-size:1.8rem}.hero{min-height:78vh;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;padding:70px 6%}.hero-content{max-width:930px}.hero-logo{width:150px;height:150px;margin-bottom:20px}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-size:.8rem}.hero h1{font-size:clamp(2.4rem,7vw,5.6rem);line-height:1.02;margin:10px 0;background:linear-gradient(90deg,#fff,#19e5ff,#a855f7);-webkit-background-clip:text;color:transparent}.hero-text,.section-text{max-width:760px;margin:auto;color:var(--muted);font-size:1.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;margin:10px 6px;border:1px solid var(--line);font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--cyan),var(--blue),var(--violet));color:#fff;border:0;box-shadow:0 0 28px rgba(25,229,255,.28)}.ghost{background:rgba(255,255,255,.06);color:#fff}.orb{position:absolute;border-radius:50%;filter:blur(35px);opacity:.45;animation:float 8s ease-in-out infinite}.orb1{width:240px;height:240px;background:#1ddcff;left:7%;top:18%}.orb2{width:280px;height:280px;background:#8d42ff;right:10%;bottom:14%;animation-delay:2s}@keyframes float{50%{transform:translateY(-35px) scale(1.06)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0 6% 50px}.stats div,.tool-card,.tool-box,.guide,.faq,.seo-panel{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 50px rgba(0,0,0,.25)}.stats div{text-align:center;padding:22px}.stats b{font-size:2rem;display:block;color:var(--cyan)}.stats span{color:var(--muted)}.section{padding:60px 6%}.section h2,.category h2{font-size:2.1rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category{padding:32px 0}.tool-card{padding:24px;position:relative;overflow:hidden;transition:.3s transform,.3s border}.tool-card:hover{transform:translateY(-7px);border-color:rgba(25,229,255,.55)}.tool-card span{color:var(--cyan);font-size:.78rem;font-weight:800}.tool-card p,.guide p,.faq p{color:var(--muted)}.tool-card b{color:#fff}.seo-panel{margin:30px 6% 70px;padding:28px}.tool-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:60px 6%;border-bottom:1px solid var(--line)}.tool-hero h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.05;margin:8px 0}.tool-hero p{color:var(--muted);max-width:750px}.tool-hero img{width:110px;height:110px}.tool-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;padding:36px 6%}.tool-box,.guide,.faq{padding:26px}.tool-box label{display:block;margin:14px 0 7px;color:#d9e6ff;font-weight:700}.tool-box input,.tool-box select,.search{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:white;outline:0}.tool-box input:focus,.tool-box select:focus,.search:focus{border-color:var(--cyan)}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.result{margin-top:18px;white-space:pre-wrap;background:#050816;border:1px solid var(--line);border-radius:18px;padding:18px;min-height:120px;color:#eaf4ff}.invoice-preview{background:#fff;color:#111}.guide ol{color:var(--muted)}.faq{margin:0 6% 60px}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:800}.footer{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:40px 6%;background:rgba(0,0,0,.35);border-top:1px solid var(--line)}.footer img{width:58px;height:58px;vertical-align:middle;margin-right:10px}.footer p{color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.grid,.stats,.tool-layout{grid-template-columns:1fr}.nav-links{display:none;position:absolute;top:75px;left:0;right:0;padding:18px 6%;background:#050816;border-bottom:1px solid var(--line)}.nav-links.open{display:grid}.menu-btn{display:block}.two,.three{grid-template-columns:1fr}.tool-hero{display:block}.tool-hero img{margin-top:20px}.footer{grid-template-columns:1fr}}@media print{body{background:#fff;color:#111}.site-header,.guide,.faq,.footer,.tool-hero,.btn,label,input,select{display:none!important}.tool-layout{display:block;padding:0}.tool-box{box-shadow:none;border:0}.result{border:0;color:#111}}