*{box-sizing:border-box}:root{--bg:#f7f9fc;--surface:#fff;--text:#152238;--muted:#637087;--line:#e4e9f1;--blue:#4c6cf5}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}body.dark{--bg:#0d1422;--surface:#152034;--text:#edf2fc;--muted:#a2aec3;--line:#29364a}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.brand{font-size:20px;font-weight:850}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:25px;font-size:13px}button{cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text)}main{max-width:1100px;width:calc(100% - 40px);margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:85px 0 60px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:850;color:var(--blue)}h1{font-size:clamp(42px,5vw,64px);line-height:1.07;letter-spacing:-2.5px;margin:18px 0}h2{font-size:35px;letter-spacing:-1.3px;margin:10px 0}em{font-style:normal;color:var(--blue)}p{color:var(--muted)}.hero p{max-width:520px;line-height:1.85}.btn{display:inline-block;background:linear-gradient(120deg,#4d6df5,#7958ed);color:#fff;padding:13px 18px;border-radius:10px;font-weight:750;font-size:13px;margin-top:15px}.code{background:#111b2e;color:#d9e1f1;border:1px solid #35415a;border-radius:17px;padding:22px;box-shadow:0 25px 60px #1e2c4b24;transform:rotate(-2deg)}.code div{font-size:11px;color:#91a0b8;border-bottom:1px solid #29344a;padding-bottom:14px}.code pre{font:13px/2 ui-monospace,monospace;padding:15px 0}.code strong{display:block;background:#172b3c;padding:12px;border-radius:8px;color:#7ce0b1;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:80px}.stats b,.stats small{display:block}.stats small{font-size:11px;color:var(--muted)}section#tools,section.guides{padding:15px 0 85px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#b9c5fa;box-shadow:0 15px 40px #243b6a12}.card i{font-style:normal;font-size:22px;font-weight:800;color:var(--blue);background:#e8edff;border-radius:11px;padding:9px;width:max-content;margin-bottom:18px}.card small{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:800}.card h3{font-size:16px;line-height:1.4;margin:10px 0}.card p{font-size:12px;line-height:1.8;flex:1}.guides{background:#eff3fa;padding:65px 25px!important;margin:0 -25px}.dark .guides{background:#10192a}.guides .grid{grid-template-columns:repeat(3,1fr)}.cta{margin:65px 0;background:#182844;color:white;border-radius:17px;padding:30px}.cta p{color:#bac5d7}footer{border-top:1px solid var(--line);padding:25px;text-align:center;color:var(--muted);font-size:12px}footer a{color:var(--blue)}.page{max-width:850px;margin:55px auto 90px;width:calc(100% - 36px)}.panel{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:14px;margin:25px 0}.field{display:block;font-weight:750;font-size:12px;margin:14px 0 7px}textarea,input,select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;font:13px system-ui}textarea{min-height:190px;font-family:ui-monospace,monospace}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.status{padding:10px;background:#e0f8ed;color:#16724f;border-radius:8px;font-size:12px;margin:12px 0}.error{background:#ffebeb;color:#b52e39}.page article{line-height:1.9;color:var(--muted)}.page article h2{font-size:24px;color:var(--text);margin-top:35px}.page pre{background:#111b2e;color:#e2eaf8;padding:18px;overflow:auto;border-radius:10px;font-size:12px}.linklist a{display:block;padding:12px;border-bottom:1px solid var(--line);color:var(--blue)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.hero{gap:22px}.hero h1{font-size:46px}}@media(max-width:600px){header{padding:0 16px}nav{gap:12px}nav a{font-size:11px}.hero{grid-template-columns:1fr;padding:50px 0 35px}.hero h1{font-size:45px}.code{margin:20px 0}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:55px}.grid,.guides .grid{grid-template-columns:1fr}.guides{margin:0 -20px;padding:45px 20px!important}h2{font-size:29px}}