@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--navy: #111a38;--navy-soft: #19244a;--ink: #17233f;--muted: #657292;--muted-light: #8792ad;--line: #e6eaf5;--page: #f7f8fd;--white: #ffffff;--purple: #6548f4;--purple-light: #f0edff;--green: #099967;--green-light: #eafbf4;--red: #ed4f68;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:262px;flex:0 0 262px;background:linear-gradient(160deg,#111a38,#141d3b 62%,#101832);color:#fff;padding:38px 21px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;width:360px;height:175px;left:-75px;bottom:80px;border-radius:50% 50% 0 0;background:#454dbe45;transform:rotate(-7deg);box-shadow:0 55px #2d369166,0 105px #232d7099;pointer-events:none}.brand{display:flex;align-items:flex-start;gap:13px;padding:0 16px;position:relative;z-index:1}.brand-mark{width:40px;height:46px;color:#fff;background:linear-gradient(145deg,#3d8cff,#5360f5);clip-path:polygon(50% 0,92% 17%,88% 72%,50% 100%,12% 72%,8% 17%);display:grid;place-items:center}.brand-mark svg{width:23px}.brand strong{display:block;font:800 22px/1 Plus Jakarta Sans,sans-serif;letter-spacing:-1px}.brand strong span,.welcome strong span{color:#7659fa}.brand small{display:block;color:#aab4d4;font-size:12px;line-height:1.45;margin-top:13px}.sidebar-nav{display:grid;gap:7px;margin-top:47px;position:relative;z-index:1}.nav-item{border:0;background:transparent;color:#f3f5ff;border-radius:9px;display:flex;align-items:center;gap:15px;padding:13px 16px;text-align:left;font-size:13px;transition:.25s ease}.nav-item svg{width:21px;color:#b8c4e5}.nav-item:hover{background:#ffffff14;transform:translate(3px)}.nav-item.active{background:linear-gradient(90deg,#3f43a5,#303b92);box-shadow:0 9px 20px #22207a4d;font-weight:600}.nav-item.active svg{color:#fff}.sidebar-note{display:flex;gap:13px;align-items:flex-start;margin:auto 17px 7px;position:relative;z-index:1;color:#dbe1fa}.sidebar-note svg{color:#9db5ff;margin-top:2px}.sidebar-note strong{display:block;font-size:12px;line-height:1.45}.sidebar-note small{display:block;color:#8692b5;font-size:11px;margin-top:10px}.main-content{min-width:0;flex:1;padding:29px clamp(28px,4vw,66px) 42px;background:radial-gradient(circle at 75% 5%,rgba(231,234,255,.8),transparent 35%),var(--page)}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1020px;margin:0 auto}.welcome{color:#697898;font-size:15px}.welcome strong{color:#1557d8}.top-actions{display:flex;align-items:center;gap:15px}.security-tags{display:flex;align-items:center;gap:8px;border-radius:22px;padding:8px 14px;background:#eef0fb;color:#445174;font-size:12px}.security-tags svg{width:17px;color:#40527d}.security-tags b{color:#9aa4bf;font-weight:400}.theme-button{width:34px;height:34px;border:0;border-radius:50%;background:#eef0fb;color:#304268;display:grid;place-items:center;transition:.2s}.theme-button:hover{transform:rotate(15deg);background:#e2e6f9}.theme-button svg{width:18px}.hero-copy{max-width:1020px;margin:27px auto}.hero-copy h1{margin:0;font:800 clamp(28px,3vw,34px)/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-1.2px}.hero-copy p{margin:9px 0 0;color:#346;font-size:15px;line-height:1.6}.dashboard-grid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,426px) minmax(400px,1fr);gap:27px;align-items:start}.panel{background:#ffffffe0;border:1px solid rgba(225,229,242,.9);box-shadow:0 14px 34px #323e7012}.checker-panel{border-radius:13px;padding:20px 21px 25px}.password-field{display:flex;align-items:center;gap:10px;height:73px;padding:0 10px;border:1px solid #dce3f3;border-radius:12px;background:linear-gradient(145deg,#fff,#f8f9fd);transition:.25s}.password-field:focus-within{border-color:#8471fa;box-shadow:0 0 0 4px #6548f41a}.field-lock{color:#657497;display:flex}.field-lock svg{width:20px}.password-field input{min-width:0;flex:1;height:100%;border:0;outline:none;background:transparent;color:var(--ink);font-size:16px}.password-field input::placeholder{color:#7d8bab}.toggle-btn{border:0;background:transparent;color:#7380a1;display:grid;place-items:center;padding:7px;border-radius:7px;transition:.2s}.toggle-btn:hover{background:#edf0fb;color:var(--purple)}.input-meta{display:flex;justify-content:space-between;align-items:center;margin:8px 0 17px;color:#73809e;font-size:12px}.show-label{display:flex;gap:6px;align-items:center;border:0;padding:0;color:#617092;background:transparent}.show-label:hover{color:var(--purple)}.show-label svg{width:15px}.analyze-button{width:100%;border:0;border-radius:10px;padding:12px 15px;background:linear-gradient(100deg,#7352ed,#6941ee);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;box-shadow:0 8px 16px #6548f43b;transition:.25s}.analyze-button svg{width:18px}.analyze-button svg:last-child{width:18px;margin-left:2px}.analyze-button:hover{transform:translateY(-2px);box-shadow:0 11px 22px #6548f452}.analyze-button:active{transform:translateY(0)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 1px 9px}.section-heading h2{font-size:14px;margin:0}.section-heading span{color:#8994ae;font-size:12px}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;align-items:center;gap:12px;min-height:69px;border-bottom:1px solid #eef0f5;transition:.25s}.checklist li:last-child{border-bottom:0}.checklist li:hover{transform:translate(3px)}.check-badge{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f0edff;color:#6b50f4;font-weight:700;font-size:17px}.check-copy{min-width:0;flex:1}.check-copy strong,.check-copy small{display:block}.check-copy strong{font-size:12px}.check-copy small{color:#71809f;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:flex;align-items:center;gap:3px;border-radius:15px;padding:5px 8px;background:#e5faf2;color:#118d61;font-size:10px;font-weight:600;transition:.25s}.status-pill svg{width:12px}.status-pill.not-passed{color:#a07a23;background:#fff6dd}.results-column{display:grid;gap:17px}.strength-card{position:relative;display:flex;align-items:center;gap:22px;border-radius:12px;padding:19px 23px;min-height:160px;overflow:hidden;background:linear-gradient(112deg,#f0fffa,#ecfaf5);border-color:#c6f1e2}.score-ring{--score-angle: 0deg;--score-color: var(--green);width:121px;height:121px;flex:0 0 121px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--score-color) var(--score-angle),#d8efe6 0);position:relative;transition:background .5s ease}.score-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:inherit;background:#f0fffa}.score-ring>div{z-index:1;text-align:center}.score-ring strong{display:block;font:700 31px/1 Plus Jakarta Sans,sans-serif}.score-ring small{display:block;color:#5b7d77;font-size:12px;margin-top:3px}.strength-copy{min-width:0;flex:1}.strength-copy>small{color:#23866d;font-size:12px}.strength-copy h2{margin:3px 0 7px;font:700 24px/1.2 Plus Jakarta Sans,sans-serif;color:#08634c}.strength-copy p{margin:0 0 14px;color:#39685d;font-size:12px}.progress-track{height:10px;border-radius:8px;background:#dcf1e9;overflow:hidden}.progress-track div{width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .55s ease,background .3s}.shield-corner{align-self:flex-start;color:#159e74;background:#fff9;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.shield-corner svg{width:19px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{min-width:0;border:1px solid;border-radius:12px;padding:15px 14px;min-height:137px;transition:.25s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #313e781a}.stat-blue{background:#f2f5ff;border-color:#d7dffd;color:#5364bb}.stat-green{background:#effbf6;border-color:#d0f1e2;color:#23866e}.stat-purple{background:#f8f1ff;border-color:#e7d8fb;color:#7248cc}.stat-icon{font-size:23px;line-height:1;margin-bottom:15px}.stat-card small,.stat-card span{display:block;font-size:10px}.stat-card small{color:#53617f}.stat-card strong{display:block;color:var(--ink);font-size:16px;margin:5px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card span{color:#71809f}.insight-card{min-height:174px;border-radius:12px;padding:19px 17px;display:flex;gap:12px;position:relative;overflow:hidden;background:#f6f4ff;border-color:#e2dcff}.insight-icon{color:#7659fa}.insight-icon svg{width:22px}.insight-card h3{margin:0 0 10px;font-size:14px}.insight-card ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;color:#657292;font-size:11px}.insight-card li:before{content:"✓";display:inline-grid;place-items:center;width:14px;height:14px;margin-right:8px;border-radius:50%;background:#7a62f6;color:#fff;font-size:9px;font-weight:700}.insight-art{align-self:center;margin-left:auto;margin-right:19px;color:#7b6ef2;opacity:.9}.insight-art svg{width:65px;height:65px;stroke-width:1.4}.notice-card{display:flex;gap:12px;padding:14px 17px;border:1px solid #ffd8df;border-radius:11px;background:#fff2f4;color:#e84a64}.notice-card>span{padding-top:1px}.notice-card strong{font-size:13px}.notice-card p{margin:5px 0 0;color:#687492;font-size:10px;line-height:1.4}.tip-card{display:flex;align-items:center;gap:11px;padding:12px 21px;border:1px solid #d9e2ff;border-radius:10px;background:#eef3ff;color:#637192;font-size:10px;line-height:1.4}.tip-card svg{flex:0 0 21px;color:#4273e5}.tip-card strong{color:#34446e}@media (max-width: 1000px){.sidebar{width:220px;flex-basis:220px}.main-content{padding-inline:28px}.dashboard-grid{grid-template-columns:1fr;max-width:680px}.results-column{grid-row:1}.checker-panel{grid-row:2}}@media (max-width: 620px){.app-shell{display:block}.sidebar{width:100%;padding:17px 16px;flex:none}.brand{padding:0 4px;align-items:center}.brand small,.sidebar-note{display:none}.brand strong{font-size:19px}.brand-mark{width:34px;height:38px}.sidebar-nav{display:flex;margin:18px 0 0;gap:5px}.nav-item{flex:1;justify-content:center;padding:10px 6px;gap:6px;font-size:11px}.nav-item svg{width:17px}.main-content{padding:18px 15px 30px}.topbar{align-items:flex-start}.welcome{font-size:12px}.security-tags{display:none}.hero-copy{margin:21px 0}.hero-copy h1{font-size:25px}.hero-copy p{font-size:13px}.desktop-only{display:none}.dashboard-grid{display:flex;flex-direction:column;gap:17px}.results-column{display:contents}.checker-panel{order:1}.strength-card{order:2;padding:17px 14px;gap:13px}.score-ring{width:96px;height:96px;flex-basis:96px}.score-ring:before{top:8px;right:8px;bottom:8px;left:8px}.score-ring strong{font-size:25px}.strength-copy h2{font-size:20px}.stats-grid{order:3;gap:7px}.stat-card{padding:11px 9px;min-height:121px}.stat-icon{margin-bottom:12px}.stat-card strong{font-size:13px}.insight-card{order:4}.notice-card{order:5}.tip-card{order:6}}