:root{--page:#0a1317;--panel:#14242a;--inset:#0e1b21;--line:rgba(213,237,230,.14);--text:#eaf6f1;--muted:#9bb4ad;--soft:#718983;--accent:#68d9c2;--accent2:#f0a868;--ok:#8be7bb;--bad:#ff9e91;--shadow:0 28px 90px rgba(1,12,16,.45);--r:19px;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--page)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--page)}body{background:radial-gradient(circle at 88% 4%,rgba(104,217,194,.11),transparent 31%),var(--page)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.site-shell{width:min(100% - 40px,860px);margin:0 auto;padding:28px 0 34px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:11px}.mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(104,217,194,.3);border-radius:12px;background:rgba(104,217,194,.09);color:var(--accent);font:800 11px ui-monospace,Consolas,monospace}.brand strong{display:block;font-size:14px}.brand small{display:block;margin-top:4px;color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.14em}.status{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:10px}.status i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(139,231,187,.08)}.hero{display:flex;min-height:285px;align-items:center;justify-content:space-between;gap:25px;padding:70px 0 48px}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(42px,8vw,75px);font-weight:800;letter-spacing:-.075em;line-height:.9}.hero h1 em{color:var(--accent);font-style:normal}.lead{max-width:530px;margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.75}.hero-mark{position:relative;display:grid;width:190px;height:190px;flex:0 0 auto;place-items:center;border:1px solid rgba(104,217,194,.18);border-radius:50%;color:rgba(104,217,194,.72)}.hero-mark:before,.hero-mark:after{position:absolute;content:"";border:1px solid rgba(104,217,194,.11);border-radius:50%;transform:scaleX(.68)}.hero-mark:before{inset:14px}.hero-mark:after{inset:35px;border-style:dashed}.hero-mark span{font:800 39px ui-monospace,Consolas,monospace;letter-spacing:-.1em}.hero-mark i,.hero-mark b{position:absolute;width:7px;height:7px;border-radius:50%}.hero-mark i{right:17px;top:42px;background:var(--accent2)}.hero-mark b{bottom:26px;left:34px;background:var(--accent)}.calculator{padding:23px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:var(--shadow)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:23px}.section-title .index{display:block;margin-bottom:8px;color:var(--soft);font:800 9px ui-monospace,Consolas,monospace;letter-spacing:.14em}.section-title h2{margin:0;font-size:22px;letter-spacing:-.04em}.section-title p{max-width:310px;margin:0;color:var(--soft);font-size:11px;line-height:1.6;text-align:right}.field{margin-top:16px}.field label{display:block;margin:0 0 8px;color:#c1d4ce;font-size:12px;font-weight:750}.field input{display:block;width:100%;min-height:49px;padding:0 14px;border:1px solid var(--line);border-radius:11px;outline:0;background:var(--inset);color:var(--text);font-size:15px}.field input::placeholder{color:#6f8882}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(104,217,194,.12)}.field small{display:block;margin-top:7px;color:var(--soft);font-size:10px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:10px;padding:0 15px;border:1px solid var(--line);border-radius:10px;background:rgba(213,237,230,.06);color:var(--text);font-size:12px;font-weight:750}.button:hover{border-color:rgba(104,217,194,.4);background:rgba(104,217,194,.1)}.button.primary{border-color:var(--accent);background:var(--accent);color:#08201d}.button.primary:hover{background:#84e5d2}.button:disabled{cursor:wait;opacity:.55}.message{min-height:19px;margin:10px 0 0;font-size:12px;line-height:1.5}.error{color:var(--bad)}.success{color:var(--ok)}.result{position:relative;margin-top:22px;padding:19px;border:1px solid rgba(104,217,194,.22);border-radius:14px;background:var(--inset);overflow:hidden}.result:before{position:absolute;left:0;top:0;width:100%;height:2px;content:"";background:var(--accent)}.result-label{display:flex;justify-content:space-between;gap:12px;color:var(--soft);font:10px ui-monospace,Consolas,monospace}.password{min-height:52px;margin:18px 0 10px;color:var(--accent);font:850 clamp(31px,7vw,45px)/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;word-break:break-all}.result-foot{color:var(--soft);font-size:10px}.copy-button{position:absolute;right:18px;bottom:17px;min-height:34px;padding:0 10px;border:1px solid rgba(104,217,194,.2);border-radius:8px;background:rgba(104,217,194,.08);color:#bdece1;font-size:10px;font-weight:750}.privacy-note{display:flex;gap:9px;margin:18px 0 0;color:var(--soft);font-size:10px;line-height:1.6}.privacy-note span:first-child{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:6px;background:rgba(240,168,104,.1);color:var(--accent2);font-weight:800}.site-foot{display:flex;align-items:center;gap:17px;margin-top:28px;color:var(--soft);font-size:10px}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--accent)}.site-foot a:first-of-type{margin-left:auto}@media(max-width:600px){.site-shell{width:min(100% - 28px,520px);padding-top:20px}.hero{display:block;padding:57px 0 34px}.hero-mark{display:none}.section-title{display:block}.section-title p{margin-top:9px;text-align:left}.calculator{padding:18px}.actions .button{flex:1}.copy-button{position:static;width:100%;margin-top:15px}.site-foot{gap:11px;flex-wrap:wrap}.site-foot a:first-of-type{margin-left:0}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}