:root{color-scheme:dark;--bg: #08111f;--bg-soft: #0d1a2b;--surface: #101d30;--surface-strong: #16263c;--surface-lift: #1a2c44;--text: #f5f8fb;--muted: #a8b7c9;--faint: #708199;--line: rgba(168, 183, 201, .2);--accent: #68e2c2;--accent-strong: #38c7df;--warm: #ffb86b;--danger: #ff8f8f;--shadow: 0 24px 70px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(56,199,223,.18),transparent 28rem),linear-gradient(180deg,#08111f,#0a1423 46%,#08111f);color:var(--text);line-height:1.7;overflow-x:clip}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea{font:inherit}.container{width:calc(100vw - 32px);max-width:1120px;margin-inline:auto}.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#08111fe6;backdrop-filter:blur(16px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:fit-content;font-weight:800;letter-spacing:0}.brand-mark,.tool-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06111c;font-weight:900}.nav-scroll{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;color:var(--muted);font-size:.93rem;white-space:nowrap}.hero,.page-hero{padding:66px 0 58px}.hero-grid,.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:36px;align-items:center}.hero-grid>*,.page-hero-grid>*,.split>*,.article-layout>*{min-width:0}.page-hero.simple{padding-bottom:30px}h1,h2,h3{margin:0;line-height:1.18;letter-spacing:0}h1{max-width:780px;font-size:clamp(2.35rem,7vw,5.2rem)}h2{font-size:clamp(1.55rem,3vw,2.25rem)}h3{font-size:1.08rem}p{margin:0}.lead{max-width:700px;margin-top:18px;color:var(--muted);font-size:1.12rem;overflow-wrap:anywhere}.hero-actions,.form-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--text);font-weight:800;cursor:pointer}.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#06111c}.button.ghost{background:#ffffff08}.hero-calculator,.calculator-panel,.note-card,.formula-card,.sidebar-panel,.tool-card,.feature-grid article,.example-list article,.contact-form{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff0e,#ffffff06);box-shadow:var(--shadow)}.hero-calculator{padding:24px}.mini-toolbar{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.92rem}.mini-toolbar strong{color:var(--accent)}.mini-grid,.feature-grid,.tool-grid,.example-list{display:grid;gap:16px}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0}.mini-grid div{border:1px solid var(--line);border-radius:8px;background:#08111f8c;padding:18px}.mini-grid small,.result-label{display:block;color:var(--faint);font-size:.82rem;font-weight:700;text-transform:uppercase}.mini-grid strong{display:block;margin-top:6px;font-size:2rem;line-height:1}code{display:inline-block;max-width:100%;overflow-wrap:anywhere;border:1px solid rgba(104,226,194,.28);border-radius:8px;background:#68e2c217;color:#b7fff0;padding:8px 10px;font-family:SFMono-Regular,Consolas,monospace}.section,.static-content{padding:46px 0}.section-header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(260px,.55fr);gap:24px;align-items:end;margin-bottom:22px}.section-header p,.static-content p,.content-section p,.tool-card p,.feature-grid p,.example-list p,.footer p,.sidebar-panel p{color:var(--muted)}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{display:grid;gap:12px;min-height:100%;padding:20px}.tool-card h3{color:var(--text)}.band{border-block:1px solid var(--line);background:#101d30c7;padding:56px 0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:28px;align-items:start}.split p+p,.static-content p+h2,.content-section p+p{margin-top:16px}.formula-card,.note-card{padding:24px}.formula-card span{color:var(--warm);font-weight:800}.formula-card code{display:block;margin:14px 0;font-size:1.2rem}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid article,.example-list article{padding:20px}.page-hero-grid{align-items:start}.calculator-panel{padding:20px}.form-grid{display:grid;gap:14px}label{display:grid;gap:7px}label span{color:var(--text);font-size:.94rem;font-weight:800}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#08111fa8;color:var(--text);padding:12px 13px;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #68e2c224}small{color:var(--faint);overflow-wrap:anywhere}.result-card{display:grid;gap:12px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.result-card>div{display:flex;justify-content:space-between;align-items:start;gap:16px;border-radius:8px;background:#08111f73;padding:12px}.result-card strong{min-width:fit-content;color:var(--accent);font-size:1.2rem;text-align:right}.result-card p{color:var(--muted)}.form-error{color:var(--danger)!important;font-weight:800}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 280px;gap:38px;align-items:start;padding:34px 0 70px}.article-content{min-width:0}.content-section{padding:28px 0}.content-section h2{margin-bottom:14px}.content-section h3{margin-bottom:8px}.formula-section code{margin-bottom:14px}.example-list{grid-template-columns:repeat(3,minmax(0,1fr))}.responsible{border-block:1px solid var(--line)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:620px}th,td{border-bottom:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}th{color:var(--accent);font-size:.9rem}td{color:var(--muted)}.faq-list{display:grid;gap:12px}details{border:1px solid var(--line);border-radius:8px;background:#ffffff09;padding:14px 16px}summary{cursor:pointer;color:var(--text);font-weight:800}details p{margin-top:10px}.sidebar{position:sticky;top:96px;display:grid;gap:16px}.sidebar-panel{padding:18px}.sidebar-panel h2{margin-bottom:12px;font-size:1rem}.sidebar-panel nav{display:grid;gap:9px;color:var(--muted)}.static-content h2{margin-top:24px;margin-bottom:10px}.contact-form{display:grid;gap:16px;padding:22px}.footer{border-top:1px solid var(--line);background:#07101d;padding:34px 0}.footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(150px,.4fr) minmax(150px,.4fr) minmax(220px,.65fr);gap:28px}.updated{margin-top:14px;color:var(--faint);font-size:.92rem}.footer-brand{margin-bottom:12px}.footer h2{margin-bottom:10px;font-size:1rem}.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--muted)}@media(max-width:920px){.hero-grid,.page-hero-grid,.split,.article-layout,.section-header,.footer-grid{grid-template-columns:1fr}.tool-grid,.feature-grid,.example-list,.tool-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:static}}@media(max-width:640px){.container{width:calc(100vw - 24px)}.nav{align-items:flex-start;flex-direction:column;width:100%;padding:14px 0}.nav-scroll{width:100%;max-width:100%;padding-bottom:4px;overscroll-behavior-inline:contain}.hero,.page-hero{padding:38px 0 34px}.hero-actions,.form-actions{flex-direction:column}.button{width:100%}.tool-grid,.feature-grid,.example-list,.tool-grid.compact,.mini-grid{grid-template-columns:1fr}h1,.lead,.calculator-panel,.hero-calculator,.page-hero-grid>*,.hero-grid>*{max-width:calc(100vw - 24px)}.result-card>div{display:grid;gap:4px}.result-card strong{text-align:left}.hero-calculator,.calculator-panel,.note-card,.formula-card,.sidebar-panel,.tool-card,.feature-grid article,.example-list article,.contact-form{box-shadow:none}}