:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;color:#25344c;background:#eaf0f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 9% 13%,#d8eaf8 0,transparent 43%),radial-gradient(ellipse at 85% 34%,#e3dcf2 0,transparent 40%),radial-gradient(ellipse at 55% 78%,#d9eee9 0,transparent 48%),linear-gradient(125deg,#eff3f9,#e9eef7 60%,#f2f4f9);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 27%,#ffffff50 27.1%,transparent 27.4%,transparent 68%,#ffffff40 68.2%,transparent 68.5%);z-index:-1}header,main,footer{max-width:1060px;margin:auto;padding:24px 32px}header{height:94px;display:flex;justify-content:space-between;align-items:center}.brand,header strong{font-size:17px;letter-spacing:-.5px;font-weight:650;color:#273852}.logo{display:inline-grid;place-items:center;width:30px;height:30px;background:linear-gradient(145deg,#ffffffb0,#d5e3f5a0);border:1px solid #fff9;border-radius:50%;color:#4b6c9c;margin-right:10px;box-shadow:inset 0 1px 2px white,0 3px 10px #4d729718}.pill,header>a{font-size:12px;padding:9px 16px;border:1px solid #ffffffa0;border-radius:30px;background:#ffffff35;color:#687992;text-decoration:none;box-shadow:inset 0 1px 0 #fff9;backdrop-filter:blur(20px)}a{color:#4b6a9a;text-underline-offset:4px}.hero{text-align:center;padding:52px 0 24px}.eyebrow{font-size:11px;color:#7f91a9;font-weight:550;letter-spacing:3px}.hero h1{font-size:clamp(40px,6vw,64px);letter-spacing:-3px;line-height:1.2;margin:18px 0;font-weight:650;color:#2c3c55}.hero h1 em{font-style:normal;color:#7892b4}.hero .intro{font-size:14px;line-height:1.9;color:#8290a5;margin:0}.home-layout{display:block;max-width:650px;margin:14px auto 0}.card,article{position:relative;border:1px solid #ffffffbd;background:linear-gradient(135deg,#ffffff8a,#ffffff36 62%,#ffffff65);border-radius:28px;padding:30px;box-shadow:inset 0 1px 1px #fffffff0,inset 0 -1px 1px #ffffff70,0 16px 44px #6783a410,0 2px 7px #7d91b009;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.card h2,article h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:0 0 8px}.sub,.hint,.muted{font-size:12px;color:#8593a8;line-height:1.7}.tabs{display:flex;background:#8299b511;padding:4px;border:1px solid #ffffff50;border-radius:14px;margin:22px 0 8px}.tabs button{flex:1;background:none;color:#8794a6;padding:10px}.tabs button.active{background:linear-gradient(#ffffffbd,#ffffff7a);color:#3e5575;box-shadow:inset 0 1px 0 white,0 2px 6px #4e699b09;border-radius:11px}button,.link{font:inherit;font-size:13px;border:1px solid #ffffff9c;border-radius:13px;cursor:pointer;padding:12px 18px;background:linear-gradient(160deg,#ffffffbd,#ffffff52);color:#4f6687;text-decoration:none;box-shadow:inset 0 1px 0 #ffffffd0,0 3px 9px #6b87a009;transition:transform .18s,background .18s,box-shadow .18s}button:hover,.link:hover{background:#ffffffc4;box-shadow:inset 0 1px 0 white,0 5px 14px #6b87a01a}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:wait}.primary,button.primary{background:linear-gradient(155deg,#6687b6,#5475a6);color:#fff;border-color:#ffffff60;box-shadow:inset 0 1px 0 #ffffff70,0 5px 15px #5072a424}.primary:hover,button.primary:hover{background:linear-gradient(155deg,#7294c1,#5a7caf)}label{display:block;font-size:12px;color:#5d718d;font-weight:550;margin:18px 0 8px}input,textarea,select{width:100%;font:inherit;font-size:14px;color:#324d70;background:#ffffff50;border:1px solid #ffffffbd;box-shadow:inset 0 1px 4px #7893b008,0 1px 1px #fff7;border-radius:12px;padding:13px 15px}input::placeholder,textarea::placeholder{color:#9ca9bb}input:focus,textarea:focus,select:focus{outline:2px solid #a0bad678;outline-offset:2px;background:#ffffff80}textarea{min-height:110px}.check,.consent{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400;line-height:1.8;color:#8593a8}.check input,.consent input{width:14px;flex-shrink:0;accent-color:#6485b1;margin:3px 0 0}.primary{width:100%;margin-top:18px}.secondary{width:100%;margin-top:12px}.status,.warning{background:#ffffff40;border:1px solid #ffffff75;border-radius:14px;padding:14px;color:#7586a0;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.status{margin-top:18px}.error,.status.error{color:#ad655f;background:#fff0eb70}.aside{display:none}.tools-heading{display:flex;align-items:center;justify-content:space-between;margin:48px 0 18px}.tools-heading h2{font-size:13px;font-weight:550;color:#72849d;margin:0}.tools-heading span{font-size:10px;letter-spacing:2px;color:#9aa8ba}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{display:flex;align-items:center;justify-content:space-between;min-height:106px;padding:22px;text-decoration:none;border:1px solid #ffffffa6;border-radius:22px;background:linear-gradient(140deg,#ffffff7a,#ffffff2b);box-shadow:inset 0 1px 0 #ffffffda,0 8px 23px #7287a509;backdrop-filter:blur(22px);transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 white,0 12px 25px #7287a51a}.tool-card h3{font-size:14px;font-weight:550;margin:0 0 7px;color:#4e6381}.tool-card p{font-size:11px;color:#94a1b3;margin:0;line-height:1.5}.tool-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;margin-left:12px;background:linear-gradient(145deg,#ffffffb0,#bcd4ed40);box-shadow:inset 0 1px 0 #fff,0 5px 12px #7892b014;color:#7693b7;flex-shrink:0}.tool-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.home-note{text-align:center;font-size:11px;color:#8f9eb3;line-height:2;margin:18px 0 0}.home-note a{color:#7c90ad}footer{text-align:center;font-size:10px;color:#a0adbf;line-height:2.1;padding-top:40px;padding-bottom:30px}footer a{color:#94a4ba}.tools-hero{text-align:center;padding:28px 0 30px}.tools-hero h1{font-size:40px;font-weight:600;letter-spacing:-2px;margin:12px 0;color:#354a68}.tools-hero p{font-size:12px;color:#8999af}.layout{display:block}nav#nav{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:26px}nav#nav button{padding:13px 6px;font-size:12px;white-space:nowrap;color:#7e90a9;background:#ffffff30}nav#nav button.active{background:linear-gradient(150deg,#ffffffdd,#ffffff72);color:#46638b;box-shadow:inset 0 1px 0 white,0 4px 13px #6687aa16}article{max-width:760px;margin:auto;min-height:300px}article #desc{font-size:12px;line-height:1.9;color:#91a0b4;margin-bottom:22px}article form button{margin-top:18px}article .warning{font-size:11px;margin-bottom:14px}article .link{display:inline-block;margin:8px 8px 8px 0}article .result{margin-top:24px;overflow-wrap:anywhere}.row{display:grid;grid-template-columns:minmax(100px,30%) 1fr;padding:11px 4px;border-bottom:1px solid #b3c2d321;gap:14px;white-space:pre-wrap;font-size:12px}.row span:first-child{color:#8798af}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;margin-top:18px}.icon{border:1px solid #ffffffab;background:#ffffff35;padding:16px;border-radius:18px;overflow:hidden}.icon img{width:74px;border-radius:18px}.icon h3{font-size:13px}.icon p{font-size:11px;color:#889ab0}.icon button,.icon a{padding:8px;font-size:11px;margin:3px}.qr{width:200px;display:block;border-radius:14px;margin-top:16px}dialog{border:1px solid #fff;border-radius:24px;padding:28px;background:#eef3f9ed;box-shadow:0 30px 100px #3e587b40;max-width:440px;width:90%;color:#3c5272;backdrop-filter:blur(30px)}dialog::backdrop{background:#314c703d;backdrop-filter:blur(8px)}dialog h2{font-size:18px}dialog p{font-size:13px;line-height:1.9;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1}[hidden]{display:none!important}:focus-visible{outline:2px solid #83a7d4;outline-offset:3px}@media(max-width:740px){header,main,footer{padding-left:20px;padding-right:20px}header{height:74px}.hero{padding:30px 0 22px}.hero h1{letter-spacing:-2px}.home-layout{max-width:600px}.card,article{padding:23px;border-radius:23px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tool-card{min-height:96px;padding:17px 14px;border-radius:18px}.tool-card h3{font-size:12px}.tool-card p{font-size:10px;max-width:100px}.tool-mark{width:35px;height:35px;border-radius:12px;margin-left:7px}.tool-mark svg{width:21px;height:21px}.tools-heading{margin-top:34px}nav#nav{grid-template-columns:repeat(3,1fr);gap:7px}.tools-hero{padding:15px 0 20px}.tools-hero h1{font-size:34px}.pill{font-size:10px}.home-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@supports not (backdrop-filter:blur(1px)){.card,article,.tool-card{background:#f4f7fc}}
