@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap);:root{--soc-bg:#0b0f17;--soc-panel:#111928c7;--soc-panel-border:#3cf2e659;--soc-primary:#3cf2e6;--soc-secondary:#f6c453;--soc-text:#e8f1ff;--soc-muted:#93a4c0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#3cf2e61f,#0000 45%),radial-gradient(circle at 20% 20%,#3f5efb26,#0000 40%),linear-gradient(140deg,#0b0f17,#0f172a 55%,#0a0f1e);color:#e8f1ff;color:var(--soc-text);font-family:IBM Plex Sans,Space Grotesk,sans-serif;margin:0;min-height:100vh}code{font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{min-height:100vh;padding:20px}.login-form{background:#fff;padding:30px}.login-form h2{color:#333;margin:0 0 20px}.form-group{margin-bottom:15px}.form-group label{color:#666;margin-bottom:5px}.form-group input{font-size:16px;padding:8px 12px}.error-message{background-color:#ffeaea;color:#dc3545;margin-bottom:15px;padding:10px;text-align:center}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .2s;width:100%}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.login-help{margin-top:15px}.terminal-container{background-color:#1e1e1e;border-radius:4px;margin:10px 0;padding:10px}.xterm{cursor:text;padding:10px;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{border:0;height:0;left:-9999em;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;resize:none;top:0;white-space:nowrap;width:0;z-index:-5}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;bottom:0;cursor:default;left:0;overflow-y:scroll;position:absolute;right:0;top:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{left:0;position:absolute;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;left:-9999em;line-height:normal;position:absolute;top:0;visibility:hidden}.xterm.enable-mouse-events{cursor:default}.xterm .xterm-cursor-pointer,.xterm.xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{bottom:0;color:#0000;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.xterm .live-region{height:1px;left:-9999px;overflow:hidden;position:absolute;width:1px}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{position:absolute;z-index:6}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{pointer-events:none;position:absolute;right:0;top:0;z-index:8}.xterm-decoration-top{position:relative;z-index:2}.app-container{background-color:#0b0f17;color:#e8f1ff;min-height:100vh}.navbar{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar-brand a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:1.5rem}.navbar-links a{color:#fff;padding:.5rem 1rem;text-decoration:none}.navbar-links a:hover{background-color:#34495e;border-radius:4px}.logout-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.logout-button:hover{background-color:#c0392b}.home-container{margin:0 auto;max-width:1200px;padding:2rem}.hero-section{background:linear-gradient(135deg,#1a237e,#0d47a1);border-radius:8px;color:#fff;margin-bottom:4rem;padding:4rem 2rem;text-align:center}.hero-section h1{font-size:3rem;margin-bottom:1.5rem}.hero-text{font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}.home-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.feature-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem;text-align:left}.feature-section ul{list-style-type:none;padding:0}.feature-section li{margin:1rem 0;padding-left:1.5rem;position:relative}.feature-section li:before{color:#27ae60;content:"✓";left:0;position:absolute}.cta-section{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:2rem}.cta-button{background-color:#3498db;color:#fff;display:inline-block;margin-top:1rem}.cta-button:hover{background-color:#2980b9}.pricing-section{padding:4rem 0}.pricing-section h2{margin-bottom:3rem;text-align:center}.pricing-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 1rem}.pricing-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;position:relative;transition:transform .3s ease}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.premium{border:2px solid #1a237e}.recommended{background:#1a237e;border-radius:12px;color:#fff;font-size:.9rem;padding:4px 12px;position:absolute;right:20px;top:-12px}.card-header{margin-bottom:2rem;text-align:center}.price{color:#1a237e;font-size:2.5rem;font-weight:700;margin:1rem 0}.price-period{color:#666;font-size:.9rem}.card-features{margin-bottom:2rem}.card-features ul{list-style:none;margin:0;padding:0}.card-features li{align-items:center;color:#444;display:flex;padding:.5rem 0}.card-features li:before{color:#2ecc71;content:"✓";font-weight:700;margin-right:.5rem}.card-button{background:#1a237e;border-radius:4px;color:#fff;display:block;padding:1rem;text-align:center;text-decoration:none;transition:background-color .3s ease}.card-button:hover{background:#0d47a1}.card-button.premium{background:#2ecc71}.card-button.premium:hover{background:#27ae60}.features-section{background:#f8f9fa;margin:4rem -2rem;padding:4rem 2rem}.features-section h2{margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{padding:2rem;text-align:center}.feature-item h3{color:#1a237e;margin-bottom:1rem}.cta-section{padding:4rem 0;text-align:center}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cta-button{border-radius:4px;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:background-color .3s ease}.cta-button.primary{background:#1a237e;color:#fff}.cta-button.primary:hover{background:#0d47a1}.cta-button.secondary{background:#fff;border:2px solid #1a237e;color:#1a237e}.cta-button.secondary:hover{background:#f8f9fa}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:2rem}.login-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;width:100%}.login-form h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#2c3e50;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.error-message{background-color:#fde8e8;border-radius:4px;color:#e74c3c;margin-bottom:1rem;padding:.5rem}.error-help{font-size:.9em;margin-top:.5rem}.error-help,.login-help{color:#666;line-height:1.4}.login-help{background-color:#f8f9fa;border-radius:4px;margin-top:1rem;padding:1rem;text-align:center}.login-form button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.login-form button:hover{background-color:#2980b9}.login-form button:disabled{background-color:#bdc3c7;cursor:not-allowed}.dashboard{margin:0 auto;max-width:1200px;padding:2rem}.scan-tools{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.scan-input{display:flex;gap:1rem;margin-top:1rem}.scan-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.scan-button{background-color:#2ecc71;font-size:1rem;padding:.75rem 2rem}.scan-button:hover{background-color:#27ae60}.scan-button:disabled{background-color:#95a5a6;cursor:not-allowed}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.scan-history,.scan-results{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.scan-results-container{margin-top:1rem}.scan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.scan-timestamp{color:#666;font-size:.9rem}.vulnerabilities-list{display:flex;flex-direction:column;gap:1rem}.vulnerability-item{background-color:#f8f9fa;border-left:4px solid;border-radius:4px;padding:1rem}.vulnerability-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.vulnerability-type{font-weight:700}.vulnerability-severity{border-radius:4px;color:#fff;font-size:.9rem;padding:.25rem .5rem}.vulnerability-description{color:#666;margin:0}.report-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 2rem;width:100%}.report-button:hover{background-color:#2980b9}.history-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.history-item{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:1rem}.history-url{font-weight:700;margin-bottom:.5rem}.history-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.history-timestamp{color:#666;font-size:.9rem}.history-status{border-radius:4px;font-size:.9rem;padding:.25rem .5rem}.status-completed{background-color:#2ecc71;color:#fff}.status-failed{background-color:#e74c3c;color:#fff}.vulnerability-summary{color:#666;font-size:.9rem}.notifications-container{bottom:20px;display:flex;flex-direction:column;gap:1rem;max-width:300px;position:fixed;right:20px;z-index:1000}.notification{animation:slideIn .3s ease-out;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:1rem}.notification.success{border-left:4px solid #2ecc71}.notification.error{border-left:4px solid #e74c3c}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}form{border-radius:8px;box-shadow:0 0 10px #0000001a;margin:100px auto;max-width:400px;padding:20px}form input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px}form button,form input{padding:10px;width:100%}form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer}form button:hover{background-color:#0056b3}.scan-section{align-items:center;display:flex;gap:10px;margin-bottom:20px}.url-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:16px;padding:10px}.scan-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.scan-button:hover{background-color:#0056b3}.main-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr;margin-bottom:20px}.notifications{bottom:20px;position:fixed;right:20px;width:300px}.plan-selection{margin-bottom:2rem}.plan-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.plan-button{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.plan-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.plan-button.selected{background:#f8f9fa;border-color:#1a237e}.plan-price{color:#1a237e;font-weight:700;margin-top:.5rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;width:90%}.payment-details{margin:2rem 0}.payment-buttons{display:flex;gap:1rem;justify-content:flex-end}.payment-button{background:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 2rem}.payment-button:hover{background:#27ae60}.cancel-button{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:.75rem 2rem}.cancel-button:hover{background:#f8f9fa}.history-type{background:#e3f2fd;border-radius:4px;color:#1a237e;display:inline-block;font-size:.9rem;margin:.5rem 0;padding:.25rem .5rem}