*{box-sizing:border-box}:root{--bg:#eef5fb;--surface:#fff;--text:#2e3148;--muted:#6f768c;--line:#e3e8f0;--blue:#4e86ff;--blue-dark:#2f6ff7;--accent:#f3b34f;--shadow:0 14px 40px rgba(28,40,78,.08);--radius-xl:28px;--radius-lg:20px;--radius-md:16px}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 10% 20%,rgba(78,134,255,.08),transparent 0 180px),radial-gradient(circle at 90% 15%,rgba(243,179,79,.1),transparent 0 180px),linear-gradient(180deg,#edf5fb,#f7fbff 35%,#eef6ff);color:var(--text)}a{color:inherit;text-decoration:none}main{width:100%}.pageShell{max-width:1220px;margin:28px auto;padding:0 20px}.siteCard{background:hsla(0,0%,100%,.92);border:1px solid rgba(227,232,240,.95);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.topbar{justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line);background:hsla(0,0%,100%,.88)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-weight:800;font-size:22px}.brandIcon{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#ffd98d);display:grid;place-items:center;box-shadow:0 10px 24px rgba(243,179,79,.24);color:#2d3952;font-weight:900}.navLinks{gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.navActions,.navLinks{display:flex;align-items:center}.navActions{gap:10px}.linkGhost{color:var(--muted);font-size:14px}.btnPrimary,.btnSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:14px;border:0;cursor:pointer;font-weight:700}.btnPrimary{background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(78,134,255,.22)}.btnPrimary:hover{background:var(--blue-dark)}.btnSecondary{background:#edf3ff;color:var(--blue-dark)}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;padding:42px 28px 22px;align-items:center}.heroLeft h1{margin:0 0 16px;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.04em;max-width:680px}.heroLeft h1 span{color:var(--blue)}.heroLeft p{max-width:560px;font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 22px}.heroMeta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:14px}.heroRight{position:relative;min-height:470px;display:grid;place-items:center}.ring,.ringTwo{position:absolute;border-radius:999px;border:2px dashed rgba(78,134,255,.18)}.ring{width:370px;height:370px}.ringTwo{width:280px;height:280px;border-style:solid;border-color:rgba(78,134,255,.1)}.floatCard{position:absolute;width:90px;height:112px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;font-weight:800;color:var(--blue-dark)}.floatCard.leftTop{top:26px;left:16px;transform:rotate(-11deg)}.floatCard.rightTop{top:36px;right:10px;transform:rotate(12deg)}.floatCard.rightBottom{right:24px;bottom:24px;transform:rotate(-9deg)}.uploadPanel{position:relative;z-index:2;width:min(100%,420px);background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:24px}.uploadPanel h2{margin:0 0 12px;font-size:26px;line-height:1.15;letter-spacing:-.03em}.uploadPanel h2 span{color:var(--blue)}.uploadBox{margin-top:18px;min-height:250px;border:2px dashed rgba(78,134,255,.45);border-radius:24px;background:#f9fbff;display:grid;place-items:center;text-align:center;padding:20px}.uploadIcon{width:74px;height:74px;border-radius:18px;background:linear-gradient(135deg,#ff6d6d,#ff3f3f);color:#fff;display:grid;place-items:center;font-weight:800;margin:0 auto 14px;box-shadow:0 12px 24px rgba(255,63,63,.18)}.uploadAction{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:14px;min-height:46px;padding:0 20px;font-weight:700;margin:8px 0}.section{padding:16px 28px 28px}.sectionTitle{text-align:center;margin:0 0 22px;font-size:clamp(28px,4vw,44px);letter-spacing:-.03em}.toolGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.toolCard{display:block;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(28,40,78,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.toolCard:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(28,40,78,.08);border-color:rgba(78,134,255,.35)}.toolIcon{width:44px;height:44px;border-radius:14px;background:#eef4ff;display:grid;place-items:center;font-size:22px;margin-bottom:12px}.toolCard h3{margin:0 0 8px;font-size:18px;letter-spacing:-.02em}.toolCard p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.promoBanner{margin-top:26px;border-radius:24px;background:linear-gradient(135deg,#121b4b,#1b2d78);color:#fff;padding:28px;display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:center}.promoBanner h3{margin:0 0 8px;font-size:38px;letter-spacing:-.04em}.promoBanner p{margin:0;color:hsla(0,0%,100%,.8);line-height:1.7}.footerSpace{height:20px}@media (max-width:1080px){.hero{grid-template-columns:1fr}.heroRight{min-height:380px}.toolGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.navLinks{display:none}.toolGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.promoBanner{grid-template-columns:1fr}}@media (max-width:560px){.pageShell{padding:0 12px}.hero,.section,.topbar{padding-left:18px;padding-right:18px}.heroLeft h1{font-size:42px}.toolGrid{grid-template-columns:1fr}.navActions{display:none}}.sectionHeaderLeft{margin-bottom:18px}.sectionTitleLeft{margin:0 0 8px;font-size:34px;letter-spacing:-.03em}.sectionSubtle{margin:0;color:var(--muted);line-height:1.7}.toolHeroWrap{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:28px;gap:28px;padding:42px 28px 22px;align-items:center}.toolHeroLeft{min-width:0}.breadcrumbRow{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:14px;margin-bottom:16px}.toolMainTitle{margin:0 0 14px;font-size:clamp(40px,5vw,62px);line-height:1.02;letter-spacing:-.04em}.toolMainTitle span{color:var(--blue)}.toolLead{max-width:680px;font-size:17px;line-height:1.75;color:var(--muted);margin:0 0 22px}.toolHeroRight{position:relative}.twoColSection{display:grid;grid-template-columns:1fr 320px;grid-gap:18px;gap:18px;align-items:start}.adCard,.categoryCard,.contentCard,.faqCard{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 22px rgba(28,40,78,.04)}.adCard,.contentCard{padding:22px}.adLabel{display:inline-block;padding:8px 12px;border-radius:999px;background:#edf3ff;color:var(--blue-dark);font-weight:700;margin-bottom:10px}.minorTitle{margin:20px 0 10px;font-size:22px}.contentParagraph{color:var(--muted);line-height:1.75;margin:0}.stepsList{margin:0;padding-left:20px;color:var(--muted);line-height:1.85}.faqGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.faqCard{padding:20px}.faqCard h3{margin:0 0 8px;font-size:20px}.faqCard p{margin:0;color:var(--muted);line-height:1.7}.categoryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.categoryCard{display:block;padding:22px}.categoryCard h2{margin:0 0 10px;font-size:24px;letter-spacing:-.03em}.categoryCard p{margin:0 0 14px;color:var(--muted);line-height:1.7}.categoryCard span{color:var(--blue-dark);font-weight:700}.categoryLead{max-width:780px;margin:0 auto 22px;text-align:center;color:var(--muted);line-height:1.8}.toolLabel{display:block;margin:14px 0 8px;font-weight:700;color:var(--text)}.toolInput,.toolTextarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit;color:var(--text);background:#fff}.toolTextarea{min-height:160px;resize:vertical}.resultBox{margin-top:18px;border-radius:16px;background:#edf3ff;color:var(--blue-dark);padding:16px;font-weight:700;line-height:1.7;white-space:pre-wrap}.buttonRow{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}@media (max-width:1080px){.toolHeroWrap,.twoColSection{grid-template-columns:1fr}.categoryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.categoryGrid,.faqGrid{grid-template-columns:1fr}.toolHeroWrap{padding-left:18px;padding-right:18px}}.sidebar{width:250px;padding:20px}.sidebar h3{margin-bottom:15px}.sidebar a{color:#3b5bdb;text-decoration:none}.sidebar a:hover{text-decoration:underline}.layout{display:flex;gap:40px}.content{flex:1 1}.mainLayout{display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:24px;gap:24px;padding:0 28px 28px;align-items:start}.contentArea{min-width:0}.sidebar{position:-webkit-sticky;position:sticky;top:24px;padding:24px 0 0}.sidebar h3{margin:0 0 14px;font-size:22px;letter-spacing:-.02em}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:10px}.sidebar a{display:block;padding:10px 12px;border-radius:12px;color:var(--muted);transition:background .18s ease,color .18s ease}.sidebar a:hover{background:#eef4ff;color:var(--blue-dark)}@media (max-width:980px){.mainLayout{grid-template-columns:1fr}.sidebar{position:static;padding-top:18px}}.sidebarBlock{margin-bottom:28px}.sidebarBlock:last-child{margin-bottom:0}.sidebarBlock h3{margin-bottom:14px}.sidebarBlock ul{list-style:none;padding:0;margin:0}.siteFooter{border-top:1px solid var(--line);margin-top:12px}.siteFooterInner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 28px 30px}.footerText{margin:8px 0 0;color:var(--muted);line-height:1.7;max-width:480px}.footerLinks{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.footerLinks a{color:var(--muted)}.footerLinks a:hover{color:var(--blue-dark)}.adSenseBlock{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfdff);border-radius:20px;box-shadow:0 8px 22px rgba(28,40,78,.04);padding:20px}.adSenseInner{text-align:center}.seoContentBlock{display:flex;flex-direction:column;gap:18px}.relatedLinksList{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:8px}.relatedLinksList a{color:#3d6df2;font-weight:600;text-decoration:none}.relatedLinksList a:hover{text-decoration:underline}