:root{color-scheme:dark;--bg:#070c18;--panel:#0e1727;--panel2:#111d30;--line:rgba(143,166,198,.14);--muted:#95a5bf;--text:#eef4ff;--teal:#52e8cb;--blue:#65a9ff;--purple:#c99dff;--orange:#ffc384;--shadow:0 24px 90px rgba(0,0,0,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 63% -21%,rgba(33,68,112,.13),transparent 50%);z-index:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--teal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{position:sticky;top:0;flex-shrink:0;width:270px;height:100vh;display:flex;flex-direction:column;padding:29px 16px 24px;border-right:1px solid var(--line);background:rgba(9,17,31,.94)}.brand{display:flex;align-items:center;gap:11px;padding:5px 8px;margin-bottom:65px}.brand-icon{width:44px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(65,211,186,.15),rgba(49,167,166,.06));color:var(--teal);display:grid;place-items:center;flex-shrink:0}.brand-icon svg{width:25px;height:29px}.brand-name{display:block;font-size:12px;font-weight:900;letter-spacing:.05em;white-space:nowrap}.brand-name span,.mobile-brand span{color:var(--teal)}.brand-sub{display:block;white-space:nowrap;letter-spacing:.16em;font-size:7px;color:#8096ad;margin-top:7px;font-weight:700}.sidebar-label{color:#70839c;letter-spacing:.19em;font-size:10px;padding:0 15px;margin-bottom:20px;font-weight:800}.side-nav{display:grid;gap:9px}.nav-link{border:1px solid transparent;background:transparent;color:#91a0b9;text-align:left;display:flex;gap:14px;align-items:center;border-radius:10px;min-height:47px;padding:10px 14px;font-size:13px;font-weight:650;transition:.2s}.nav-link:hover{background:rgba(255,255,255,.04);color:#fff}.nav-link.active{background:rgba(72,222,193,.09);color:var(--teal);border-color:rgba(82,232,203,.13)}.nav-glyph{width:18px;text-align:center;font-size:21px;line-height:1;font-weight:500}.sidebar-spacer{flex:1}.aside-note{display:flex;gap:11px;align-items:start;background:rgba(74,211,182,.07);border:1px solid rgba(82,232,203,.12);padding:15px 11px;border-radius:11px;color:#bed0dc;font-size:11px;line-height:1.7;margin:0 2px 18px}.aside-note-dot,.live-dot,.eyebrow-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--teal);box-shadow:0 0 12px rgba(82,232,203,.48);margin-top:5px}.sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 5px 0}.avatar{display:grid;place-items:center;height:36px;width:36px;background:linear-gradient(145deg,#294e66,#18453e);color:#9bf6df;border:1px solid #376674;border-radius:11px;font-weight:900;font-size:12px}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer strong{font-size:11px}.sidebar-footer span{font-size:9px;color:#8190aa;margin-top:5px}
.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 54px;background:rgba(10,17,31,.6)}.breadcrumb{display:flex;gap:14px;align-items:center;color:#7f91a9;font-size:11px;letter-spacing:.07em;font-weight:700}.breadcrumb .slash{color:#4b5e78}.breadcrumb strong{color:#e2eaff;letter-spacing:0;font-size:12px}.topbar-right{display:flex;gap:10px;align-items:center}.topbar-right .live-dot{margin:0;width:6px;height:6px}.status-text{color:#adc4c8;font-size:9px;font-weight:800;letter-spacing:.11em}.lang-button{margin-left:20px;border:1px solid #344458;background:#142137;color:#dce9f5;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:750;transition:.2s}.lang-button:hover{border-color:var(--teal)}.lang-button span{font-size:12px;color:var(--teal);margin-left:5px}.mobile-brand{display:none}.page-content{width:min(1280px,100%);padding:39px 52px 55px;margin:0 auto;flex:1}.panel[hidden]{display:none!important}.greeting{margin-bottom:20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#83dccb;letter-spacing:.19em;font-size:10px;font-weight:850}.eyebrow-dot{margin:0;width:6px;height:6px}.hero{display:flex;min-height:348px;overflow:hidden;position:relative;background:radial-gradient(circle at 76% 40%,rgba(46,132,130,.15),transparent 31%),linear-gradient(115deg,#112339,#0d182a 68%,#0c202b);border:1px solid rgba(83,148,165,.3);border-radius:16px}.hero::before{content:"";background:linear-gradient(90deg,transparent 96%,rgba(63,145,151,.07) 97%),linear-gradient(0deg,transparent 96%,rgba(63,145,151,.07) 97%);background-size:38px 38px;position:absolute;inset:0;mask-image:linear-gradient(to left,#000 5%,transparent 68%);pointer-events:none}.hero-copy{width:63%;padding:45px 20px 43px 46px;position:relative;z-index:2}.hero-tag{display:inline-flex;gap:8px;align-items:center;color:#8deed9;border:1px solid rgba(81,230,193,.2);background:rgba(81,230,193,.08);border-radius:100px;padding:8px 13px;font-size:10px;font-weight:850;letter-spacing:.12em}.hero-tag span:first-child{font-size:13px}.hero h1{font-size:clamp(31px,3.3vw,51px);line-height:1.13;letter-spacing:-.045em;margin:17px 0 12px;font-weight:850}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:13px;color:#a9bed0;line-height:1.75;max-width:480px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:28px}.button{border:1px solid transparent;border-radius:9px;min-height:43px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:19px;font-size:12px;font-weight:800;transition:.2s}.button.primary{background:var(--teal);color:#052724;box-shadow:0 7px 30px rgba(82,232,203,.12)}.button.primary:hover:not(:disabled){background:#83ffe3;transform:translateY(-1px)}.button.secondary{background:rgba(255,255,255,.045);border-color:rgba(198,219,244,.17);color:#d9e9f6}.button.secondary:hover{background:rgba(255,255,255,.09)}.hero-visual{width:42%;position:relative;min-height:340px;display:grid;place-items:center}.radar-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(65,221,198,.22);transform:translate(-50%,-50%);border-radius:50%}.ring-one{width:172px;height:172px}.ring-two{width:248px;height:248px}.ring-three{width:325px;height:325px;border-color:rgba(65,221,198,.11)}.shield-big{position:relative;z-index:1;filter:drop-shadow(0 0 24px rgba(56,242,198,.18));width:140px}.shield-big svg{width:100%;height:auto}.visual-chip{position:absolute;z-index:2;display:flex;gap:8px;background:#112c38;border:1px solid rgba(75,220,199,.3);border-radius:8px;padding:10px 12px;color:#69eaca;font-size:10px;font-weight:800;box-shadow:0 11px 30px rgba(0,0,0,.14)}.visual-chip span{color:#bcebdc;font-size:9px;letter-spacing:.04em}.chip-top{right:4%;top:25%}.chip-bottom{bottom:22%;left:-2%}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 45px}.metric{display:flex;gap:12px;align-items:center;background:#0e1829;border:1px solid var(--line);border-radius:12px;padding:17px 17px}.metric-icon{width:41px;height:41px;border-radius:10px;display:grid;place-items:center;font-size:23px;flex-shrink:0}.icon-teal{background:rgba(72,219,190,.1);color:var(--teal)}.icon-blue{background:rgba(105,161,255,.1);color:var(--blue)}.icon-purple{background:rgba(189,144,253,.1);color:var(--purple)}.icon-orange{background:rgba(248,174,95,.1);color:var(--orange)}.metric strong,.metric span:last-child{display:block}.metric strong{font-size:21px;line-height:1.2;letter-spacing:-.03em}.metric span:last-child{font-size:10px;color:var(--muted);white-space:nowrap;margin-top:7px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-kicker{font-size:10px;letter-spacing:.17em;font-weight:850;color:var(--teal)}.section-head h2{font-size:24px;letter-spacing:-.035em;margin:8px 0 7px}.section-head p{margin:0;color:var(--muted);font-size:12px}.section-count{color:#8291a7;font-size:12px;letter-spacing:.18em;padding-bottom:5px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{text-align:left;position:relative;background:#101a2c;border:1px solid #1f2c40;border-radius:13px;padding:21px 18px 19px;min-height:237px;color:var(--text);transition:.2s;display:flex;flex-direction:column}.tool-card:hover{border-color:#4f8a93;transform:translateY(-3px);background:#132035;box-shadow:0 20px 30px rgba(0,0,0,.1)}.tool-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:750;margin-bottom:22px}.tool-icon.teal,.title-mark.teal{background:rgba(74,221,189,.12);color:#62e5cb}.tool-icon.purple,.title-mark.purple{background:rgba(196,143,255,.12);color:#c99dff}.tool-icon.blue,.title-mark.blue{background:rgba(98,163,248,.13);color:#89bdff}.tool-icon.orange,.title-mark.orange{background:rgba(255,188,116,.11);color:#ffc486}.tool-arrow{position:absolute;top:21px;right:19px;color:#768ca8;font-size:18px}.tool-num{font-size:9px;color:#7089a3;font-weight:850;letter-spacing:.11em}.tool-card h3{font-size:16px;letter-spacing:-.02em;margin:9px 0 7px}.tool-card p{font-size:11px;line-height:1.65;color:#9aaaC1;margin:0 0 17px;flex:1}.tool-action{border-top:1px solid #243248;padding-top:12px;display:flex;justify-content:space-between;color:var(--teal);font-weight:800;font-size:11px;width:100%}.bottom-info{margin-top:25px;display:flex;align-items:flex-start;gap:13px;background:rgba(53,94,113,.09);border:1px solid rgba(111,160,176,.13);border-radius:12px;padding:18px}.info-star{color:var(--teal);font-size:22px}.bottom-info strong{font-size:12px}.bottom-info p{color:#879bb4;font-size:11px;line-height:1.7;margin:5px 0 0}.footer{padding:24px 52px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#657c96;font-size:10px}.mobile-nav{display:none}
.view-heading{margin-bottom:29px}.view-heading h1{font-size:clamp(30px,3vw,40px);letter-spacing:-.045em;line-height:1.18;margin:15px 0 11px}.view-heading p{font-size:14px;line-height:1.75;color:#9eb1c9;margin:0;max-width:770px}.work-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:19px}.work-card{background:linear-gradient(135deg,#111d30,#0f192b);border:1px solid #27364c;border-radius:15px;padding:29px;min-height:330px}.card-title{display:flex;gap:13px;align-items:center;margin-bottom:32px}.title-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;font-size:27px;font-weight:700}.card-title h2{margin:0 0 5px;font-size:17px;letter-spacing:-.02em}.card-title span:not(.title-mark){font-size:11px;color:#8fa5bf}.input-label{display:block;font-size:11px;font-weight:750;color:#bacce1;margin-bottom:11px}.work-card input[type="text"],.work-card input[type="password"]{background:#091323;border:1px solid #33445b;border-radius:9px;color:#f0f7ff;min-height:48px;width:100%;padding:13px 14px;outline:none;font-size:13px;direction:ltr;text-align:left}.work-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(82,232,203,.08)}.work-card input::placeholder{color:#63788f}.form-actions{display:flex;gap:16px;align-items:center;margin-top:18px}.text-button{background:none;border:0;color:#91bfb9;font-size:12px;font-weight:750;padding:9px 3px}.text-button:hover{color:var(--teal)}.privacy-inline{margin-top:23px;color:#8298ad;font-size:11px;display:flex;gap:9px;line-height:1.7}.privacy-inline:first-letter{color:var(--teal)}.result-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-visual{display:grid;place-items:center;width:70px;height:70px;border:1px solid #2b4552;border-radius:19px;color:#5ee4c6;background:rgba(85,227,190,.05);font-size:43px;margin-bottom:19px}.result-card h3{margin:0 0 8px;font-size:17px}.result-card p{color:#92a5b9;font-size:12px;line-height:1.75;max-width:320px;margin:0}.result-card.has-result{display:block;text-align:left;justify-content:initial;align-items:initial}.result-card .result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.result-label{font-size:10px;letter-spacing:.12em;font-weight:850;color:#8094ac}.risk-badge{font-size:11px;font-weight:850;letter-spacing:.01em;border-radius:7px;padding:7px 11px;background:rgba(83,220,177,.11);color:#74ecc9}.risk-badge.caution{color:#ffc783;background:rgba(255,194,111,.1)}.risk-badge.danger{color:#ff9fa9;background:rgba(255,114,137,.11)}.result-host{font-size:14px;overflow-wrap:anywhere;font-weight:850;padding:12px 13px;border:1px solid #2c3b4d;background:#0b1525;border-radius:9px;margin:0 0 14px;color:#dbeafc;direction:ltr;text-align:left}.result-meter{height:8px;background:#253548;border-radius:5px;margin:0 0 22px;overflow:hidden}.result-meter>span{display:block;height:100%;border-radius:5px;background:var(--teal);transition:width .2s}.result-meter>span.caution{background:var(--orange)}.result-meter>span.danger{background:#ff8d9a}.result-card .result-note{margin-bottom:15px;max-width:unset}.result-list{padding:0;margin:0;list-style:none;display:grid;gap:9px;text-align:left}.result-list li{position:relative;padding:10px 11px 10px 32px;border:1px solid #27374a;border-radius:8px;background:#101f31;font-size:11px;color:#bac9dc;line-height:1.6}.result-list li::before{content:'•';color:var(--teal);font-size:20px;position:absolute;top:7px;left:13px}.result-list li.warning::before{content:'!';font-size:12px;color:var(--orange);font-weight:900;top:12px}.explain-box{margin-top:19px;border:1px solid #3e3840;border-radius:10px;background:rgba(181,137,83,.045);padding:16px 20px}.explain-box strong{color:#f5d1a1;font-size:12px}.explain-box p{line-height:1.7;color:#a99d98;font-size:11px;margin:5px 0 0}.password-wrap{display:flex;position:relative;align-items:center}.password-wrap input{padding-right:53px!important}.show-toggle{position:absolute;right:5px;background:none;border:0;color:#9aabc2;width:40px;height:40px;font-size:21px}.strength-track{height:9px;border-radius:6px;overflow:hidden;background:#29384b;margin:25px 0 12px}.strength-track div{height:100%;width:0;border-radius:5px;background:var(--teal);transition:width .2s,background .2s}.strength-caption{display:flex;justify-content:space-between;font-size:12px;color:#adc0d3}.strength-caption strong{color:#dce9fb}.file-drop{min-height:166px;border:2px dashed #344963;background:rgba(24,40,59,.45);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:9px;text-align:center;padding:22px;transition:.2s}.file-drop:hover,.file-drop.dragging{border-color:var(--teal);background:rgba(69,185,164,.08)}.file-drop-icon{font-size:29px;color:var(--teal);line-height:1}.file-drop strong{font-size:13px}.file-drop span:last-child{font-size:11px;color:#899eb7}.file-meta{margin:15px 0;min-height:20px;color:#a8c5d5;font-size:11px;overflow-wrap:anywhere}.button.full{width:100%}.hash-output{font-size:12px;line-height:1.9;word-break:break-all;color:#71ecd2;background:#091521;border:1px solid #355b57;border-radius:9px;padding:13px;margin:12px 0 10px;direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.result-subheading{align-self:stretch;text-align:left;color:#9caec5;font-size:11px;font-weight:850;margin-bottom:8px}.hash-result .copy-btn{margin:6px 0 18px;align-self:flex-start}.check-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:19px}.checklist-card,.progress-card{min-height:initial}.checklist-items{display:grid;gap:10px}.check-item{display:flex;align-items:center;gap:14px;padding:15px 13px;border:1px solid #28384d;border-radius:10px;background:#0a1525;cursor:pointer}.check-item:hover{border-color:#3b716d}.check-item input{width:18px;height:18px;accent-color:#51dfbe;cursor:pointer;flex-shrink:0}.check-item strong{display:block;font-size:12px;color:#e2edfd;margin-bottom:5px}.check-item span{display:block;color:#8fa2b9;font-size:11px;line-height:1.55}.check-item.done{background:rgba(67,199,167,.05);border-color:rgba(69,212,180,.25)}.check-item.done strong{color:#90ecd4}.reset{margin-top:17px}.progress-card{text-align:center;align-self:start;display:flex;flex-direction:column;align-items:center}.progress-ring{height:203px;width:203px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0deg,#1d3449 0deg);padding:16px;margin:12px 0 27px}.progress-ring>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;background:#111d30}.progress-ring strong{font-size:46px;letter-spacing:-.07em}.progress-ring span{font-size:10px;color:#95a8c1;font-weight:850;letter-spacing:.17em;margin-top:7px}.progress-card h3{margin:0 0 7px;font-size:18px}.progress-card>p{color:#9caec4;line-height:1.8;margin:0 0 27px;font-size:12px}.check-hint{display:flex;gap:11px;text-align:left;background:#0b1c2a;border:1px solid #274639;color:#acbecc;padding:16px;border-radius:10px;font-size:11px;line-height:1.7}.check-hint>span:first-child{font-size:20px;color:var(--teal)}
html[dir="rtl"] .brand,html[dir="rtl"] .sidebar-footer,html[dir="rtl"] .card-title,html[dir="rtl"] .form-actions{direction:rtl}html[dir="rtl"] .nav-link,html[dir="rtl"] .tool-card{text-align:right}html[dir="rtl"] .tool-arrow{right:auto;left:19px}html[dir="rtl"] .tool-action{flex-direction:row}html[dir="rtl"] .tool-action span:last-child{transform:rotate(180deg)}html[dir="rtl"] .hero-copy{padding:45px 46px 43px 20px}html[dir="rtl"] .breadcrumb{direction:ltr}html[dir="rtl"] .result-list{text-align:right}html[dir="rtl"] .result-list li{padding:10px 32px 10px 11px}html[dir="rtl"] .result-list li::before{left:auto;right:13px}html[dir="rtl"] .show-toggle{right:auto;left:5px}html[dir="rtl"] .password-wrap input{padding-right:14px!important;padding-left:53px!important}html[dir="rtl"] .result-subheading{text-align:right}html[dir="rtl"] .check-hint{text-align:right}
@media(max-width:1250px){.sidebar{width:235px}.page-content{padding:36px 34px 50px}.topbar{padding:0 34px}.hero-copy{width:64%;padding-left:35px}.hero h1{font-size:37px}.metric{padding:14px 10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{min-height:218px}}@media(max-width:900px){.sidebar{width:205px}.brand{padding-left:0}.brand-name{font-size:10px}.brand-sub{font-size:6px}.topbar{height:64px;padding:0 20px}.page-content{padding:27px 22px 50px}.hero-visual{width:35%}.hero-copy{width:67%}.hero h1{font-size:33px}.hero-copy{padding:36px 10px 36px 27px}.visual-chip{display:none}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:35px}.work-layout,.check-layout{grid-template-columns:1fr}.footer{padding:24px}.check-layout{gap:14px}}@media(max-width:680px){.sidebar{display:none}.mobile-brand{display:block;color:#f1faff;font-size:12px;letter-spacing:.02em;font-weight:900}.mobile-logo{color:var(--teal)}.breadcrumb{display:none}.topbar{height:63px;padding:0 17px}.status-text,.topbar-right .live-dot{display:none}.lang-button{margin:0;padding:7px 11px}.page-content{padding:23px 15px 110px}.greeting{margin:0 0 15px}.hero{display:block;min-height:unset}.hero-copy{width:100%;padding:27px 23px 190px}.hero h1{font-size:36px}.hero p{font-size:12px}.hero-actions{flex-wrap:wrap}.hero-visual{position:absolute;bottom:-128px;right:0;width:240px;height:330px;opacity:.6}.shield-big{width:80px;transform:translate(-4px,-65px)}.ring-one{width:120px;height:120px}.ring-two{width:180px;height:180px}.ring-three{width:255px;height:255px}.radar-ring{top:31%}.metrics{gap:9px;margin-top:13px;margin-bottom:33px}.metric{gap:8px;padding:13px 10px}.metric-icon{width:34px;height:34px;font-size:20px}.metric strong{font-size:17px}.metric span:last-child{font-size:9px;white-space:normal}.tool-grid{grid-template-columns:1fr 1fr;gap:10px}.tool-card{min-height:245px;padding:16px 13px}.tool-card h3{font-size:14px}.tool-card p{font-size:10px}.tool-num{font-size:8px}.tool-action{font-size:10px}.tool-icon{margin-bottom:17px}.section-head h2{font-size:22px}.section-head p{font-size:11px}.footer{padding:20px 15px 100px;flex-wrap:wrap;line-height:1.6}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;background:#0c1829;border-top:1px solid #2a3b51;justify-content:space-around;min-height:72px;padding:8px 4px max(10px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:#8098af;display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;min-width:60px;font-size:22px}.mobile-nav button.active{color:var(--teal)}.mobile-nav small{font-size:9px;font-weight:800}.view-heading h1{font-size:29px}.view-heading p{font-size:12px}.work-card{padding:19px;min-height:290px}.card-title{margin-bottom:25px}.explain-box{padding:13px}.brand-sub{font-size:7px}html[dir="rtl"] .hero-copy{padding:27px 23px 190px}}@media(max-width:385px){.hero h1{font-size:31px}.hero-actions{gap:8px}.button{padding:10px 12px;font-size:11px}.metrics{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:204px}.mobile-nav button{min-width:50px}}