@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-main:#070a12;--bg-panel:#0b0d14;--bg-panel-hover:#10131a;--accent-magenta:#d61f8c;--accent-magenta-hover:#e12a9a;--accent-cyan:#29b6f6;--status-positive:#0f6;--status-warning:#ffd600;--border-muted:#1e2536;--border-active:#2a354d;--text-primary:#fff;--text-secondary:#8b949e;--font-sans:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-hard:4px 4px 0px 0px #000;--shadow-magenta:4px 4px 0px 0px #d61f8c66}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;min-height:100vh;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}.mono-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.container{width:100%;max-width:900px;margin:0 auto;padding:2rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}header{background-color:var(--bg-panel);border:1px solid var(--border-muted);box-shadow:var(--shadow-hard);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem 1.5rem;display:flex}.logo{font-size:1.25rem;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.cyber-card{background-color:var(--bg-panel);border:1px solid var(--border-muted);box-shadow:var(--shadow-hard);margin-bottom:2rem;padding:2rem;transition:border-color .2s,transform .2s;position:relative}.cyber-card:hover{border-color:var(--border-active);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.cyber-card:before{content:"";background:var(--accent-magenta);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.cyber-card:hover:before{transform:scaleX(1)}.cyber-card h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-muted);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.btn{background-color:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:.75rem 1.5rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:2px 2px #000}.btn:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translate(-1px,-1px);box-shadow:3px 3px #000}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #000}.btn-primary{background-color:var(--accent-magenta);border-color:var(--accent-magenta);color:#fff;box-shadow:2px 2px #000}.btn-primary:hover:not(:disabled){background-color:var(--accent-magenta-hover);border-color:var(--accent-magenta-hover);color:#fff;box-shadow:var(--shadow-magenta)}.btn:disabled{color:#555;cursor:not-allowed;box-shadow:none;background-color:#1a1a1a;border-color:#333;transform:none}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.input-group label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem}.input-group input{border:1px solid var(--border-muted);color:var(--text-primary);font-family:var(--font-mono);background-color:#040508;outline:none;padding:1rem;font-size:1.25rem;transition:border-color .2s;box-shadow:inset 2px 2px 4px #00000080}.input-group input:focus{border-color:var(--accent-magenta)}.stat-row{border-bottom:1px solid var(--border-muted);font-family:var(--font-mono);justify-content:space-between;padding:.75rem 0;font-size:.85rem;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);text-transform:uppercase}.stat-value{color:var(--accent-cyan);font-weight:700}.score-display{align-items:center;gap:1rem;margin-top:1rem;display:flex}.score-value{color:var(--status-positive);font-size:4rem;font-weight:700;line-height:1}.score-value.low{color:var(--status-warning)}.tooltip-container{cursor:help;color:var(--text-secondary);align-items:center;display:inline-flex;position:relative}.tooltip-icon{border:1px solid var(--border-muted);width:20px;height:20px;font-size:.7rem;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.tooltip-text{visibility:hidden;background-color:var(--bg-main);width:280px;color:var(--text-secondary);text-align:left;border:1px solid var(--accent-cyan);z-index:10;opacity:0;font-family:var(--font-mono);box-shadow:var(--shadow-hard);padding:1rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:150%;left:50%;transform:translate(-50%)}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.hero{text-align:center;margin-top:4rem;margin-bottom:4rem}.hero h1{color:var(--text-primary);text-transform:uppercase;margin-bottom:1rem;font-size:4rem}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.features{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;display:grid}.feature-card{background:var(--bg-panel);border:1px solid var(--border-muted);text-align:center;padding:2rem}.feature-card h3{color:var(--accent-cyan);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);font-size:.9rem}.cyber-badge{font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--accent-magenta);color:var(--accent-magenta);margin-bottom:1rem;padding:.25rem .75rem;font-size:.7rem;display:inline-block}.app-footer{border-top:1px solid var(--border);text-align:center;margin-top:4rem;padding-top:2rem}.footer-content p{margin:0}