:root{--bg-color:#111111;--text-primary:#eeeeee;--border-color:#333333;--safe-color:#00ff00;--vulnerable-color:#ff9900;--high-risk-color:#ff3333;--font-mono:"Courier New",Courier,Consolas,monospace}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-mono);line-height:1.6}header{text-align:center;padding:2rem 1rem;border-bottom:1px solid var(--border-color)}header h1{margin:0;font-size:2.5rem;text-transform:uppercase;letter-spacing:2px}header p{color:#aaaaaa;font-size:1.1rem}main{max-width:1000px;margin:0 auto;padding:2rem}.nav-link{display:inline-block;margin-bottom:2rem;color:var(--text-primary);text-decoration:none;border:1px solid var(--border-color);padding:0.5rem 1rem;font-size:0.9rem;transition:background-color 0.2s}.nav-link:hover{background-color:var(--border-color)}.section-title{font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;display:inline-block}.matrix-container{margin-bottom:4rem;position:relative;padding:2rem;border:1px solid var(--border-color)}.matrix-header{text-align:center;margin-bottom:2rem;color:#888888}.legend{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;background-color:var(--border-color);border:1px solid var(--border-color);padding:1px}.matrix-quadrant{background-color:var(--bg-color);padding:1.5rem;min-height:250px;display:flex;flex-direction:column;position:relative}.quadrant-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;margin-bottom:1rem}.quadrant-label{font-size:0.9rem;color:#888888;text-transform:uppercase;font-weight:bold;letter-spacing:1px}.quadrant-risk{font-size:0.8rem;font-weight:bold;padding:0.2rem 0.5rem;border:1px solid currentColor;border-radius:2px}.quadrant-desc{font-size:0.85rem;color:#aaaaaa;margin-top:0;margin-bottom:1.5rem;line-height:1.4}.badge-group{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0.5rem}.axis-y{position:absolute;left:0.5rem;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;font-size:0.9rem;color:#aaaaaa;letter-spacing:1px;white-space:nowrap}.axis-x{position:absolute;bottom:0.5rem;left:50%;transform:translateX(-50%);font-size:0.9rem;color:#aaaaaa;letter-spacing:1px}.badge{padding:0.3rem 0.6rem;font-size:0.85rem;border:1px solid;cursor:help;position:relative;white-space:nowrap;display:inline-block}.badge-red{color:var(--high-risk-color);border-color:var(--high-risk-color);background-color:rgba(255,51,51,0.1)}.badge-yellow{color:var(--vulnerable-color);border-color:var(--vulnerable-color);background-color:rgba(255,153,0,0.1)}.badge-green{color:var(--safe-color);border-color:var(--safe-color);background-color:rgba(0,255,0,0.1)}.badge::after{content:attr(data-analysis);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background-color:var(--text-primary);color:var(--bg-color);padding:0.5rem;border-radius:2px;font-size:0.75rem;white-space:normal;width:200px;text-align:center;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,0.5)}.badge:hover::after{opacity:1}.scanner-section{border:1px solid var(--border-color);padding:2rem}.scanner-form{display:flex;gap:1rem;margin-bottom:2rem}.scanner-input{flex:1;background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem;font-family:var(--font-mono);font-size:1rem;outline:none}.scanner-input:focus{border-color:var(--text-primary)}.btn{background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem 2rem;font-family:var(--font-mono);font-size:1rem;cursor:pointer;transition:all 0.2s;text-transform:uppercase}.btn:hover:not(:disabled){background-color:var(--text-primary);color:var(--bg-color)}.btn:disabled{opacity:0.5;cursor:not-allowed}.hidden{display:none!important}.threat-report{animation:fadeIn 0.5s ease-in}.exposure-rate-container{text-align:center;margin:2rem 0;padding:2rem;border:1px solid var(--border-color)}.exposure-label{font-size:1.2rem;color:#aaaaaa}.exposure-value{font-size:4rem;font-weight:bold;margin-top:0.5rem;display:flex;justify-content:center;align-items:center;min-height:100px}.exposure-value svg{transform:scale(2.5);transform-origin:center}.threat-high{color:var(--high-risk-color)}.threat-medium{color:var(--vulnerable-color)}.threat-low{color:var(--safe-color)}.badge-export{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.badge-export h3{margin-top:0}.export-textarea{width:100%;box-sizing:border-box;background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem;font-family:var(--font-mono);height:80px;resize:vertical;margin-bottom:1rem}.action-buttons{display:flex;gap:1rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.matrix-grid{grid-template-columns:1fr}.axis-y{position:static;transform:none;margin-bottom:1rem;display:block;text-align:center}.axis-x{position:static;transform:none;margin-top:1rem;display:block;text-align:center}.scanner-form{flex-direction:column}.report-lists{grid-template-columns:1fr}.action-buttons{flex-direction:column}}