*{margin:0;padding:0;box-sizing:border-box}.loading-placeholder{min-height:200px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--primary-color: #818cf8;--primary-light: #a5b4fc;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--bg-white: #1e293b;--bg-gray: #0f172a;--bg-light: #334155}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0f172a;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}#root{max-width:100%;margin:0 auto;padding:0;position:relative;min-height:100vh}#root:before{content:"";position:fixed;top:0;left:-20%;width:60%;height:100%;background:radial-gradient(ellipse at center,rgba(56,189,248,.12) 0%,transparent 70%);pointer-events:none;z-index:0}#root:after{content:"";position:fixed;top:20%;right:-20%;width:50%;height:80%;background:radial-gradient(ellipse at center,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.navbar{position:sticky;top:0;z-index:100;padding:1rem 0;background:#0f172ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}.navbar-content{max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:32px;width:auto;filter:brightness(0) invert(1)}.navbar-contact,.navbar-share{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:6px;color:#38bdf8;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer}.navbar-contact:hover,.navbar-share:hover{background:#38bdf833;border-color:#38bdf880}.navbar-share svg{flex-shrink:0}.navbar-actions{display:flex;align-items:center;gap:1rem}.language-switcher{background-color:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#a78bfa;padding:.5rem 1.25rem .5rem .75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center}.language-switcher:hover{background-color:#8b5cf633;border-color:#8b5cf680}.language-switcher:focus{outline:none;border-color:#8b5cf6b3}.language-switcher option{background:#1e293b;color:var(--text-primary)}.main-content{max-width:1100px;margin:0 auto;padding:0 2rem 3rem;position:relative;z-index:1}.hero{text-align:center;padding:5rem 2rem 3rem;position:relative;z-index:1;max-width:1100px;margin:0 auto}h1{font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em;color:#f8fafc}h1 .highlight{background:linear-gradient(135deg,#38bdf8,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#94a3b8;font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.8}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;font-weight:500;color:#38bdf8;margin-bottom:1.5rem}.hero-badge:before{content:"🔐"}.card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.tabs{display:inline-flex;gap:0;margin-bottom:1.25rem;background:var(--bg-light);padding:4px;border-radius:8px}.tab{padding:.5rem 1rem;border:none;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .15s ease}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--bg-white);color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.password-input-container{position:relative;margin-bottom:.5rem}.password-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .15s ease;background:var(--bg-white);color:var(--text-primary)}.password-input.password-input-readonly{padding-right:5rem;background:var(--bg-gray);cursor:default}.password-input:focus{outline:none;border-color:var(--primary-color)}.password-input.password-input-readonly:focus{border-color:var(--border-color)}.password-input::placeholder{color:var(--text-muted)}.password-actions{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.375rem}.password-generate-btn{background:var(--bg-light);border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.password-generate-btn:hover{color:var(--text-primary);background:var(--border-color);border-color:var(--text-muted)}.password-generate-btn:active{transform:scale(.95)}.password-action-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.375rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.password-action-btn:hover{color:var(--text-primary);background:var(--bg-light)}.password-action-btn:active{transform:scale(.95)}.input-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.char-counts{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem;margin-top:1.25rem}.char-count-item{display:flex;align-items:center;justify-content:space-between}.char-count-label{font-size:.8125rem;color:var(--text-primary);font-weight:500}.char-count-label small{display:block;font-size:.75rem;color:var(--text-muted);font-weight:400}.char-count-value{width:48px;padding:.4rem .5rem;text-align:center;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;background:var(--bg-white);color:var(--text-primary);-moz-appearance:textfield}.char-count-value::-webkit-outer-spin-button,.char-count-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.char-count-value:focus{outline:none;border-color:var(--primary-color)}.section-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:2.5rem}.entropy-display{padding-top:.5rem}.entropy-label{font-size:2rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:600}.entropy-value{font-size:4.5rem;font-weight:700;color:var(--primary-color);line-height:1;letter-spacing:-.02em}.entropy-stats{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.entropy-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.125rem}.entropy-stat-value{font-size:1.125rem;font-weight:500;color:var(--text-primary)}.select-container{margin-bottom:1rem}.select-label{display:block;font-size:.8125rem;color:var(--text-primary);font-weight:500;margin-bottom:.375rem}.select{width:100%;padding:.625rem 2.5rem .625rem .875rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-family:inherit;background:var(--bg-white);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.select:focus{outline:none;border-color:var(--primary-color)}.select-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.select-hint a{color:#38bdf8;text-decoration:none}.select-hint a:hover{text-decoration:underline;color:#7dd3fc}.input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.input-container{display:flex;flex-direction:column}.input-label{font-size:.8125rem;color:var(--text-primary);font-weight:500;margin-bottom:.375rem}.input{padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;font-family:inherit;background:var(--bg-white);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--primary-color)}.input-with-unit{display:flex;align-items:stretch;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-white)}.input-with-unit .input{border:none;border-radius:0;flex:1;min-width:0}.input-with-unit .input:focus{box-shadow:none}.input-with-unit .unit{padding:.625rem .75rem;background:var(--bg-light);color:var(--text-secondary);font-size:.875rem;display:flex;align-items:center;white-space:nowrap}.input-with-unit .unit:first-child{border-right:1px solid var(--border-color)}.input-with-unit .unit:last-child{border-left:1px solid var(--border-color)}.cost-display{padding-top:.5rem}.cost-label{display:flex;align-items:center;gap:.5rem;font-size:2rem;color:var(--text-secondary);margin-bottom:.25rem;font-weight:600}.cost-value{font-size:4.5rem;font-weight:700;color:var(--primary-color);line-height:1;letter-spacing:-.02em}.cost-stats{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.cost-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.125rem}.cost-stat-value{font-size:1.125rem;font-weight:500;color:var(--text-primary)}.cost-warning-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:transparent;color:#fbbf24;border:2px solid #fbbf24;border-radius:50%;font-size:.875rem;font-weight:700;cursor:pointer;flex-shrink:0}.risk-value-high{background:linear-gradient(135deg,#f87171,#fb923c,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.risk-value-medium{background:linear-gradient(135deg,#fbbf24,#fb923c,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.risk-value-low{background:linear-gradient(135deg,#4ade80,#22d3ee,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cost-table-section{margin-top:0}.cost-table-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.cost-table-section p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7;max-width:900px}.cost-chart-wrapper{margin-bottom:1.5rem;background:var(--bg-card);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.cost-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.cost-table{width:100%;border-collapse:collapse;font-size:.8125rem}.cost-table th,.cost-table td{padding:.75rem .625rem;text-align:center;border-bottom:1px solid var(--border-color)}.cost-table th{background:#ffffff05;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.cost-table td{color:var(--text-primary)}.cost-table tbody tr:hover{background:#ffffff05}.cost-table td:first-child{font-weight:600;background:var(--bg-white)}.cost-table .len-column,.cost-table td:first-child{width:3rem;min-width:3rem;max-width:4rem;text-align:center}.cost-table td.risk-high{background:#ef444426;color:#f87171}.cost-table td.risk-medium{background:#f59e0b26;color:#fbbf24}.cost-table td.risk-low{background:#22c55e26;color:#4ade80}.cost-table tbody tr:hover td.risk-high{background:#ef444440}.cost-table tbody tr:hover td.risk-medium{background:#f59e0b40}.cost-table tbody tr:hover td.risk-low{background:#22c55e40}.algorithm-table-section{margin-top:3rem}.algorithm-table-section h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.algorithm-table-section p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.algorithm-table-section p a{color:var(--primary-light);text-decoration:none;font-weight:500;transition:color .2s ease}.algorithm-table-section p a:hover{color:var(--primary-color);text-decoration:underline}.wordlist-context{margin-top:1rem;margin-bottom:.5rem;font-style:italic;text-align:center}.algorithm-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.algorithm-table{width:100%;border-collapse:collapse;font-size:.8125rem}.algorithm-table th,.algorithm-table td{padding:.75rem .625rem;text-align:center;border-bottom:1px solid var(--border-color)}.algorithm-table th{background:#ffffff05;font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.025em;white-space:nowrap}.algorithm-table th .policy-name{display:block;font-weight:600}.algorithm-table th .policy-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.algorithm-table th .policy-link:hover{color:var(--accent-color)}.algorithm-table th .policy-link svg{opacity:.6;flex-shrink:0}.algorithm-table th .policy-link:hover svg{opacity:1}.algorithm-table th .policy-spec{display:block;font-size:.625rem;font-weight:400;opacity:.7;text-transform:none;letter-spacing:normal;margin-top:.125rem}.algorithm-table .algo-column{text-align:left;min-width:140px}.algorithm-table .algo-name{text-align:left;font-weight:500;color:var(--text-primary);white-space:nowrap}.algorithm-table tbody tr:hover{background:#ffffff05}.algorithm-table tbody tr:last-child td{border-bottom:none}.algorithm-table td.risk-high{background:#ef444426;color:#f87171}.algorithm-table td.risk-medium{background:#f59e0b26;color:#fbbf24}.algorithm-table td.risk-low{background:#22c55e26;color:#4ade80}.algorithm-table tbody tr:hover td.risk-high{background:#ef444440}.algorithm-table tbody tr:hover td.risk-medium{background:#f59e0b40}.algorithm-table tbody tr:hover td.risk-low{background:#22c55e40}.popover-container{position:relative;display:inline-flex;align-items:center}.popover-trigger{cursor:pointer;display:inline-flex;align-items:center}.popover-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#475569;color:#f1f5f9;padding:.75rem 1rem;border-radius:8px;font-size:.8125rem;line-height:1.5;width:max-content;max-width:280px;z-index:100;box-shadow:0 4px 12px #0006;animation:popoverFadeIn .15s ease}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.popover-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #475569}.popover-content a{color:var(--primary-light);text-decoration:underline;font-weight:500}.popover-content a:hover{color:var(--primary-color)}.faq-section{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border-color)}.faq-title{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.faq-item{background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .15s ease}.faq-item:hover{border-color:var(--text-muted)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:none;border:none;font-size:.9375rem;font-weight:500;color:var(--text-primary);text-align:left;cursor:pointer;font-family:inherit}.faq-question:hover{color:#38bdf8}.faq-icon{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{padding:0 1.25rem 1.25rem;font-size:.875rem;color:var(--text-secondary);line-height:1.7}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;font-size:.8125rem;color:var(--text-muted)}.footer-separator{margin:0 .5rem;color:var(--text-muted)}.footer-link{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--text-secondary)}.calc-row{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:center;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid var(--border-color)}@media(max-width:768px){.hide-mobile{display:none!important}.navbar{padding:1rem 0}.navbar-content{padding:0 1rem}.navbar-logo img{height:24px}.navbar-contact,.navbar-share{padding:.375rem 1rem;font-size:.8125rem}.navbar-share .share-text{display:none}.hero{padding:2rem 1rem;margin:0}.main-content{padding:0 1rem 2rem}h1{font-size:2.5rem}.hero-badge{font-size:.75rem;padding:.375rem .75rem}.subtitle{margin-bottom:2rem}.calc-row{grid-template-columns:1fr;gap:1.5rem}.result-panel{order:-1}.section-row{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.char-counts{grid-template-columns:1fr}.input-group{grid-template-columns:1fr;gap:.875rem}.input-group .select-container,.input-group .input-container{width:100%}.entropy-value,.cost-value{font-size:2.5rem}.cost-table{font-size:.75rem}.cost-table th,.cost-table td{padding:.625rem .5rem}.faq-grid{grid-template-columns:1fr}.faq-title{font-size:1.5rem}.navbar-nav{display:none}.cvss-layout{grid-template-columns:1fr!important}.cvss-sidebar{display:none!important}.cvss-mobile-score{display:block!important}.cvss-vector-inner,.cvss-metric-row{flex-direction:column!important}.cvss-metric-label{width:auto!important}.cvss-tabs-wrapper{padding:0 1rem}}.navbar-nav{display:flex;align-items:center;gap:.25rem}.navbar-nav a{padding:.5rem 1rem;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease;white-space:nowrap}.navbar-nav a:hover{color:var(--text-primary);background:#ffffff0d}.navbar-nav a.active{color:var(--text-primary);background:var(--bg-white)}.share-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.home-page{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:4rem 1.5rem 2rem}.home-hero{text-align:center;margin-bottom:3rem}.home-hero h1{font-size:2.8rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero .subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.home-card{display:block;background:#1e293bb3;border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}.home-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 32px #818cf826}.home-card-icon{font-size:2.5rem;margin-bottom:1rem}.home-card h2{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.home-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}@media(max-width:640px){.home-hero h1{font-size:2rem}.home-grid{grid-template-columns:1fr}.home-page{padding:2rem 1rem}}.cvss-container{padding-top:.5rem}.cvss-tabs-wrapper{max-width:1100px;margin:0 auto;padding:0 2rem;margin-bottom:1rem}.cvss-layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;margin-top:1.5rem}.cvss-metrics{display:flex;flex-direction:column;gap:1rem}.cvss-sidebar{display:block}.cvss-sidebar-sticky{position:sticky;top:5rem}.cvss-mobile-score{display:none;margin-top:1.5rem}.cvss-vector-bar{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.cvss-vector-inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.cvss-vector-code-wrapper{min-width:0;flex:1}.cvss-vector-code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--text-muted)}.cvss-vector-actions{display:flex;flex-shrink:0;gap:.5rem}.cvss-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-white);color:var(--text-primary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cvss-action-btn:hover{background:var(--bg-light)}.cvss-action-btn:disabled{opacity:.5;cursor:not-allowed}.cvss-metric-group{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.cvss-group-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:.75rem 1rem;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-primary);font-family:inherit}.cvss-group-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.cvss-group-header p{font-size:.75rem;color:var(--text-muted);margin:.125rem 0 0;line-height:1.4}.cvss-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.cvss-chevron.expanded{transform:rotate(180deg)}.cvss-group-body{border-top:1px solid var(--border-color);padding:0 1rem .5rem}.cvss-metric-row{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.75rem 0}.cvss-metric-label{width:16rem;flex-shrink:0;font-size:.875rem;font-weight:500;color:var(--text-primary)}.cvss-metric-key{color:var(--text-muted)}.cvss-metric-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.cvss-metric-btn{padding:.375rem .75rem;border-radius:100px;border:none;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease;background:var(--bg-light);color:var(--text-secondary)}.cvss-metric-btn:hover{background:var(--border-color);color:var(--text-primary)}.cvss-metric-btn.selected{background:var(--primary-color);color:#fff}.cvss-score-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.cvss-score-card h2{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.cvss-score-center{display:flex;flex-direction:column;align-items:center}.cvss-score-circle{width:6rem;height:6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.cvss-score-circle span{font-size:1.875rem;font-weight:700}.cvss-score-circle.cvss-severity-critical{background:#dc2626}.cvss-score-circle.cvss-severity-high{background:#ea580c}.cvss-score-circle.cvss-severity-medium{background:#eab308}.cvss-score-circle.cvss-severity-low{background:#3b82f6}.cvss-score-circle.cvss-severity-none,.cvss-score-circle.cvss-severity-default{background:#6b7280}.cvss-severity-badge-container{margin-top:.75rem}.cvss-severity-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:100px;font-size:.875rem;font-weight:600}.cvss-severity-badge-critical{background:#dc262626;color:#f87171}.cvss-severity-badge-high{background:#ea580c26;color:#fb923c}.cvss-severity-badge-medium{background:#eab30826;color:#fbbf24}.cvss-severity-badge-low{background:#3b82f626;color:#60a5fa}.cvss-severity-badge-none{background:#6b728026;color:#9ca3af}.cvss-incomplete-text{font-size:.875rem;color:var(--text-muted)}.cvss-score-details{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem}.cvss-score-detail-row{display:flex;justify-content:space-between;font-size:.75rem}.cvss-score-detail-row span:first-child{color:var(--text-muted)}.cvss-score-detail-row span:last-child{font-weight:500;color:var(--text-primary)}.navbar-dropdown{position:relative}.navbar-dropdown-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.navbar-dropdown-trigger:hover{color:var(--text-primary);background:#ffffff0d}.navbar-dropdown:has(.navbar-dropdown-menu a.active) .navbar-dropdown-trigger{color:var(--text-primary);background:var(--bg-white)}.navbar-dropdown-trigger svg{transition:transform .15s ease}.navbar-dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:.25rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;padding:.25rem;min-width:180px;z-index:200;box-shadow:0 8px 24px #0000004d}.navbar-dropdown-menu a{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease;white-space:nowrap}.navbar-dropdown-menu a:hover{color:var(--text-primary);background:#ffffff0d}.navbar-dropdown-menu a.active{color:var(--text-primary);background:var(--bg-light)}.navbar-dropdown:hover .navbar-dropdown-menu,.navbar-dropdown:focus-within .navbar-dropdown-menu{display:block}.navbar-dropdown:hover .navbar-dropdown-trigger svg{transform:rotate(180deg)}.wizard-cta-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.5rem 1.25rem;border-radius:100px;font-size:.875rem;font-weight:500;color:var(--primary-light);text-decoration:none;border:1px solid rgba(129,140,248,.3);background:#818cf81a;transition:all .15s ease}.wizard-cta-link:hover{background:#818cf833;border-color:#818cf880}.wizard-container{max-width:700px;margin:0 auto}.wizard-progress{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:2rem}.wizard-progress-dot{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;transition:all .2s ease;background:var(--bg-light);color:var(--text-muted);border:2px solid transparent}.wizard-progress-dot.active{background:var(--primary-color);color:#fff;border-color:var(--primary-light)}.wizard-progress-dot.completed{background:#818cf833;color:var(--primary-light);border-color:#818cf866}.wizard-score-preview{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem .75rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px}.wizard-score-mini{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0}.wizard-score-preview-info{display:flex;align-items:center}.wizard-score-preview-text{font-size:.8125rem;color:var(--text-muted)}.wizard-version-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wizard-version-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;background:var(--bg-white);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s ease;font-family:inherit;color:inherit}.wizard-version-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #818cf826}.wizard-version-badge{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.wizard-version-tag{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wizard-step{animation:wizardFadeIn .2s ease}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-step-header{margin-bottom:1.5rem}.wizard-step-question{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.wizard-step-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.6}.wizard-step-body{margin-bottom:2rem}.wizard-step-nav{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.wizard-nav-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;border:1px solid var(--border-color);background:var(--bg-white);color:var(--text-primary)}.wizard-nav-btn:hover{background:var(--bg-light)}.wizard-nav-next{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.wizard-nav-next:hover{background:var(--primary-light);border-color:var(--primary-light)}.wizard-metric-groups{display:flex;flex-direction:column;gap:1.5rem}.wizard-metric-group{display:flex;flex-direction:column;gap:.5rem}.wizard-metric-group-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin:0}.wizard-option-list{display:flex;flex-direction:column;gap:.5rem}.wizard-option-card{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;color:inherit;width:100%}.wizard-option-card:hover{border-color:var(--text-muted)}.wizard-option-card.selected{border-color:var(--primary-color);background:#818cf814}.wizard-option-radio{width:1.125rem;height:1.125rem;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem;transition:border-color .15s ease}.wizard-option-card.selected .wizard-option-radio{border-color:var(--primary-color)}.wizard-option-radio-inner{width:.5rem;height:.5rem;border-radius:50%;background:transparent;transition:background .15s ease}.wizard-option-card.selected .wizard-option-radio-inner{background:var(--primary-color)}.wizard-option-text{display:flex;flex-direction:column;gap:.125rem}.wizard-option-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.wizard-option-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.wizard-summary-content{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;margin-bottom:2rem}.wizard-summary-details{display:flex;flex-direction:column;gap:1rem}.wizard-summary-vector{display:flex;flex-direction:column;gap:.25rem}.wizard-summary-vector-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.wizard-summary-vector-code{display:block;padding:.5rem .75rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;color:var(--text-secondary);word-break:break-all}.wizard-summary-actions{display:flex;gap:.5rem}.wizard-expert-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(129,140,248,.3);background:#818cf81a;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--primary-light);text-decoration:none;transition:all .15s ease;width:fit-content}.wizard-expert-link:hover{background:#818cf833;border-color:#818cf880}@media(max-width:768px){.wizard-container{padding:0}.wizard-version-cards,.wizard-summary-content{grid-template-columns:1fr}.wizard-step-question{font-size:1.25rem}.wizard-summary-actions{flex-wrap:wrap}}