.website-scanner-page{background:#020308;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:80px;position:relative}.cyber-backdrop{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.cyber-grid{background-image:linear-gradient(rgba(0,245,255,.015) 1px,#0000 0),linear-gradient(90deg,rgba(0,245,255,.015) 1px,#0000 0);background-size:40px 40px}.cyber-grid,.cyber-grid:after{height:100%;left:0;position:absolute;top:0;width:100%}.cyber-grid:after{background:radial-gradient(circle at 50% 30%,#0000 10%,#020308 90%);content:""}.glow-orb{border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;position:absolute}.glow-orb.cyan{animation:float-slowly 12s ease-in-out infinite alternate;background:#00f5ff;height:500px;left:10%;top:15%;width:500px}.glow-orb.green{animation:float-slowly 16s ease-in-out infinite alternate-reverse;background:#39ff14;bottom:25%;height:600px;right:5%;width:600px}@keyframes float-slowly{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-40px) scale(1.1)}}.scanner-container{margin:0 auto;max-width:1100px;padding:0 24px;position:relative;width:100%;z-index:10}.scanner-hero{padding:100px 0 40px;text-align:center}.hero-content{margin:0 auto;max-width:800px}.scanner-logo-wrapper{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00f5ff08;border:1px solid #00f5ff26;border-radius:30px;box-shadow:0 0 15px #00f5ff0d;display:inline-flex;margin-bottom:24px;padding:8px 18px}.scanner-logo{align-items:center;display:flex;gap:10px}.scanner-logo .logo-icon{color:#00f5ff;filter:drop-shadow(0 0 6px rgba(0,245,255,.6));font-size:20px}.scanner-logo .logo-text{color:#fff;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.scanner-logo .pro-badge-icon{animation:heartbeat 2s ease-in-out infinite;color:gold;filter:drop-shadow(0 0 4px #ffd700);font-size:12px}@keyframes heartbeat{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.scanner-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#a2f9ff);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800;letter-spacing:-.5px;line-height:1.15;margin:0 0 16px}.hero-subtitle{color:#fff9;font-size:16px;line-height:1.6;margin:0}.control-deck-section{margin-bottom:60px}.control-form-module{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 20px 40px #0006;margin-bottom:32px;padding:40px;position:relative}.module-grid-corner{border:2px solid #00f5ff;height:12px;pointer-events:none;position:absolute;width:12px}.module-grid-corner.tl{border-bottom:none;border-right:none;left:-1px;top:-1px}.module-grid-corner.tr{border-bottom:none;border-left:none;right:-1px;top:-1px}.module-grid-corner.bl{border-right:none;border-top:none;bottom:-1px;left:-1px}.module-grid-corner.br{border-left:none;border-top:none;bottom:-1px;right:-1px}.control-form-module .input-wrapper{align-items:center;display:flex;margin-bottom:20px;position:relative}.control-form-module .input-icon{color:#00f5ff99;filter:drop-shadow(0 0 4px rgba(0,245,255,.2));font-size:18px;left:20px;pointer-events:none;position:absolute}.control-form-module .url-input{background:#0009;border:1px solid #00f5ff40;border-radius:10px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:15px;padding:16px 20px 16px 54px;transition:all .3s cubic-bezier(.165,.84,.44,1);width:100%}.control-form-module .url-input:focus{background:#000c;border-color:#00f5ff;box-shadow:0 0 20px #00f5ff4d;outline:none}.control-form-module .error-message{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;display:flex;font-family:Courier New,Courier,monospace;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 18px}.scan-trigger-button{align-items:center;background:linear-gradient(135deg,#00f5ff,#08f);border:none;border-radius:10px;box-shadow:0 8px 24px #00f5ff4d;color:#020308;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:800;gap:10px;justify-content:center;letter-spacing:1px;padding:16px 24px;transition:all .3s cubic-bezier(.165,.84,.44,1);width:100%}.scan-trigger-button:hover:not(:disabled){box-shadow:0 12px 30px #00f5ff80;filter:brightness(1.05);transform:translateY(-2px)}.scan-trigger-button:disabled{background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:none;color:#ffffff4d;cursor:not-allowed}.scan-trigger-button .icon.spinning{animation:spin-speedy .8s linear infinite}@keyframes spin-speedy{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scan-features-strip{border-top:1px solid #ffffff0d;display:flex;gap:40px;justify-content:center;margin-top:30px;padding-top:24px}.strip-item{align-items:center;color:#ffffff80;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.strip-item svg{color:#00f5ff;font-size:14px}.telemetry-hud-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #00f5ff33;border-radius:16px;box-shadow:0 0 30px #00f5ff1a;margin-bottom:32px;overflow:hidden;padding:30px}.hud-deck-grid{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr 1fr 1.2fr}@media (max-width:991px){.hud-deck-grid{gap:30px;grid-template-columns:1fr}}.hud-viewfinder-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #00f5ff26;border-radius:10px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:270px;overflow:hidden}.hud-viewfinder-panel .panel-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;color:#ffffffb3;display:flex;font-size:11px;font-weight:700;letter-spacing:1px;padding:10px 16px;text-transform:uppercase}.hud-viewfinder-panel .panel-icon{color:#00f5ff;margin-right:8px}.screenshot-viewport{align-items:center;background:#05060b;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.screenshot-image{filter:contrast(1.1) brightness(.9) saturate(1.1);height:112%;object-fit:cover;object-position:top center;opacity:.85;transition:opacity .5s ease;width:100%}.screenshot-placeholder{align-items:center;color:#00f5ff66;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;font-size:10px;gap:12px;justify-content:center;padding:20px;text-align:center}.screenshot-placeholder .scanning-spinner{animation:spin-speedy 1.5s linear infinite;color:#00f5ff;font-size:24px}.screenshot-placeholder .scanning-spinner.fallback-warning{color:#ffa726;filter:drop-shadow(0 0 8px rgba(255,167,38,.4))}.screenshot-placeholder.fallback-design{background:radial-gradient(circle,#00f5ff0d 0,#0000 80%);box-sizing:border-box;color:#a2f9ff;height:100%;width:100%}.matrix-scanner-lines{background:#0006;border:1px solid #00f5ff26;border-radius:8px;box-shadow:0 0 20px #00f5ff0d;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 18px}.telemetry-scanning-widget{align-items:center;display:flex;flex-direction:column;gap:8px}.telemetry-scanning-widget .pulse-text{animation:telemetry-pulse 1.5s infinite alternate;color:#00f5ff;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}@keyframes telemetry-pulse{0%{opacity:.4}to{opacity:1}}.matrix-line{color:#39ff14;font-family:Courier New,Courier,monospace;font-size:11px;letter-spacing:.5px;text-align:left;text-shadow:0 0 5px #39ff1480}.scanning-laser-line{animation:laser-sweep 2s ease-in-out infinite;background:linear-gradient(180deg,#00f5ffcc,#00f5ff00);box-shadow:0 0 10px #00f5ffcc,0 0 20px #00f5ff66;height:3px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}@keyframes laser-sweep{0%{top:0}50%{top:100%}to{top:0}}.hud-radar-panel{align-items:center;display:flex;flex-direction:column;justify-content:center}.radar-grid-wrapper{background:#00f5ff05;border:1px solid #00f5ff26;border-radius:50%;height:200px;margin-bottom:24px;position:relative;width:200px}.radar-hud{border-radius:50%;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.radar-sweep-line{animation:sweep 3s linear infinite;background:linear-gradient(90deg,#00f5ff,#0000);height:2px;left:50%;position:absolute;top:50%;transform-origin:left center;width:50%}@keyframes sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.radar-center-dot{background:#39ff14;border-radius:50%;box-shadow:0 0 8px #39ff14;height:6px;width:6px}.radar-center-dot,.radar-grid-circle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.radar-grid-circle{border:1px dashed #00f5ff1a;border-radius:50%}.radar-grid-circle.circle-1{height:30%;width:30%}.radar-grid-circle.circle-2{height:60%;width:60%}.radar-grid-circle.circle-3{height:90%;width:90%}.radar-ping{background:#39ff14;border-radius:50%;box-shadow:0 0 10px #39ff14;height:8px;position:absolute;width:8px}.radar-ping.ping-1{animation:ping-glow 2s .2s infinite;left:65%;top:30%}.radar-ping.ping-2{animation:ping-glow 2.5s .8s infinite;left:40%;top:70%}.radar-ping.ping-3{animation:ping-glow 1.8s 1.4s infinite;left:25%;top:45%}@keyframes ping-glow{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.radar-telemetry-label{color:#00f5ff80;font-family:Courier New,Courier,monospace;font-size:8px;pointer-events:none;position:absolute}.radar-telemetry-label.grid-coord{left:16px;top:12px}.radar-telemetry-label.scan-freq{right:16px;top:12px}.radar-telemetry-label.status-label{bottom:12px;color:#39ff14;left:50%;transform:translateX(-50%)}.compact-steps-progress{align-items:center;display:flex;gap:8px}.step-node{align-items:center;display:flex;flex-direction:column;gap:6px}.step-node .node-icon{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;color:#ffffff4d;display:flex;font-size:11px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.step-node.active .node-icon{background:#00f5ff1a;border-color:#00f5ff;box-shadow:0 0 10px #00f5ff4d;color:#00f5ff}.step-node .node-label{color:#ffffff4d;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.step-node.active .node-label{color:#fff}.step-connector{background:#ffffff1a;height:1px;width:20px}.hud-terminal-panel{background:#000c;border:1px solid #00f5ff26;border-radius:10px;box-shadow:inset 0 0 20px #000000e6;display:flex;flex-direction:column;height:270px;overflow:hidden}.hud-terminal-panel .panel-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;color:#ffffffb3;display:flex;font-size:11px;font-weight:700;letter-spacing:1px;padding:10px 16px}.hud-terminal-panel .panel-icon{color:#00f5ff;margin-right:8px}.hud-terminal-panel .live-pill{animation:pulse-live 1s infinite alternate;background:#39ff1426;border:1px solid #39ff144d;border-radius:10px;color:#39ff14;font-size:8px;margin-left:auto;padding:2px 6px}@keyframes pulse-live{0%{opacity:.5}to{opacity:1}}.terminal-viewport{color:#a2f9ff;flex:1 1;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.6;overflow-y:auto;padding:16px}.terminal-viewport::-webkit-scrollbar{width:4px}.terminal-viewport::-webkit-scrollbar-track{background:#0006}.terminal-viewport::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:4px}.terminal-line{display:flex;gap:8px;margin-bottom:6px}.terminal-line .line-prefix{color:#39ff14;font-weight:700}.terminal-line .line-text{word-break:break-all}.diagnostics-dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-status-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff05;border:1px solid #00f5ff26;border-radius:16px;box-shadow:0 15px 35px #00000080;overflow:hidden;padding:30px;position:relative}.dashboard-status-card .glow-accent{background:linear-gradient(90deg,#0000,#00f5ff,#0000);height:1px;left:0;position:absolute;right:0;top:0}.card-top-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.headline-group h3{font-size:18px;font-weight:800;letter-spacing:.5px;margin:0 0 6px}.scan-target-url{color:#a2f9ff;font-family:Courier New,Courier,monospace;font-size:13px;margin:0}.scan-time-badge{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;color:#fff9;display:flex;font-family:Courier New,Courier,monospace;font-size:11px;gap:8px;padding:6px 12px}.status-cockpit-flex{align-items:center;display:flex;flex-wrap:wrap;gap:30px}.cyber-status-dial{align-items:center;background:#0006;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex:1 1;gap:20px;min-width:260px;padding:18px 24px;position:relative}.cyber-status-dial.clean{border-color:#39ff144d}.cyber-status-dial.warning{border-color:#ffa7264d}.cyber-status-dial.threat{border-color:#ef44444d}.cyber-status-dial .dial-glow{border-radius:12px;bottom:0;left:0;opacity:.08;pointer-events:none;position:absolute;right:0;top:0}.cyber-status-dial.clean .dial-glow{background:#39ff14;box-shadow:inset 0 0 20px #39ff1466}.cyber-status-dial.warning .dial-glow{background:#ffa726;box-shadow:inset 0 0 20px #ffa72666}.cyber-status-dial.threat .dial-glow{background:#ef4444;box-shadow:inset 0 0 20px #ef444466}.status-score-icon svg{font-size:32px}.status-score-icon svg.status-clean{color:#39ff14;filter:drop-shadow(0 0 8px rgba(57,255,20,.6))}.status-score-icon svg.status-warning{color:#ffa726;filter:drop-shadow(0 0 8px rgba(255,167,38,.6))}.status-score-icon svg.status-threat{color:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.status-badge-text h4{font-size:15px;font-weight:800;margin:0 0 4px}.cyber-status-dial.clean .status-badge-text h4{color:#39ff14}.cyber-status-dial.warning .status-badge-text h4{color:#ffa726}.cyber-status-dial.threat .status-badge-text h4{color:#ef4444}.status-badge-text span{color:#fff6;font-size:9px;font-weight:700;letter-spacing:1px}.cyber-metrics-cards{display:flex;gap:20px}.metric-box{background:#0000004d;border:1px solid #ffffff0a;border-radius:12px;min-width:130px;padding:16px 20px;text-align:center}.metric-box.alert{border-color:#ef444433}.metric-box.secure{border-color:#39ff1433}.metric-box .metric-value{font-family:Courier New,Courier,monospace;font-size:32px;font-weight:800;margin-bottom:4px}.metric-box.alert .metric-value{color:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.3))}.metric-box.secure .metric-value{color:#39ff14;filter:drop-shadow(0 0 6px rgba(57,255,20,.3))}.metric-box .metric-label{color:#fff6;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1.2}.subsystems-grid-section .section-title{color:#ffffff80;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-left:4px;text-transform:uppercase}.subsystems-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.subsystem-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.subsystem-card:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s ease;width:3px}.subsystem-card:hover{background:#ffffff08;border-color:#00f5ff40;box-shadow:0 10px 25px #0000004d}.subsystem-card:hover:before{background:#00f5ff}.subsystem-card .card-inner{align-items:flex-start;display:flex;gap:16px}.subsystem-card .status-indicator svg{font-size:20px}.subsystem-card .content{flex:1 1}.subsystem-meta{align-items:center;display:flex;gap:8px;margin-bottom:8px}.subsystem-meta .meta-icon{color:#00f5ff;font-size:13px}.subsystem-meta h5{font-size:14px;font-weight:700;margin:0}.subsystem-card p{color:#fff9;font-size:12px;line-height:1.5;margin:0}.technical-specs-module{background:#0009;border:1px solid #ffffff0d;border-radius:12px;box-shadow:inset 0 0 15px #000c;padding:24px}.technical-specs-module .module-title{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.technical-specs-module .module-title .icon{color:#00f5ff;font-size:14px}.technical-specs-module .module-title h4{font-size:12px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.specs-grid{display:flex;flex-direction:column;gap:12px}.spec-row{align-items:center;border-bottom:1px dashed #ffffff0a;display:flex;justify-content:space-between;padding-bottom:8px}.spec-row:last-child{border-bottom:none;padding-bottom:0}.spec-label{color:#fff6;font-size:12px}.spec-value{font-size:12px;font-weight:600}.spec-value.code{color:#00f5ff;font-family:Courier New,Courier,monospace}.features-showcase-deck{margin-top:100px;text-align:center}.features-showcase-deck h2{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:40px}.features-showcase-deck .grid-deck{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.feature-deck-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff03;border:1px solid #ffffff0d;border-radius:16px;overflow:hidden;padding:30px 24px;position:relative;text-align:left;transition:all .3s cubic-bezier(.165,.84,.44,1)}.feature-deck-card .card-glare{background:radial-gradient(circle,#00f5ff08 0,#0000 70%);height:200%;left:-50%;opacity:0;pointer-events:none;position:absolute;top:-50%;transition:opacity .5s ease;width:200%}.feature-deck-card:hover{background:#ffffff08;border-color:#00f5ff40;box-shadow:0 15px 30px #0000004d}.feature-deck-card:hover .card-glare{opacity:1}.feature-deck-card .deck-icon{color:#00f5ff;display:block;filter:drop-shadow(0 0 6px rgba(0,245,255,.4));font-size:28px;margin-bottom:20px}.feature-deck-card h3{font-size:16px;font-weight:700;margin:0 0 12px}.feature-deck-card p{color:#ffffff80;font-size:13px;line-height:1.5;margin:0}@media (max-width:992px){.features-showcase-deck .grid-deck{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.scanner-hero{padding:60px 0 30px}.scanner-hero h1{font-size:30px}.control-form-module{padding:24px}.hud-deck-grid{gap:40px;grid-template-columns:1fr}.hud-terminal-panel{height:220px}.subsystems-cards-grid{grid-template-columns:1fr}.status-cockpit-flex{align-items:stretch;flex-direction:column}.cyber-metrics-cards{flex-wrap:wrap;justify-content:stretch}.cyber-metrics-cards .metric-box{flex:1 1}}@media (max-width:480px){.scanner-container{padding:0 16px}.scanner-hero h1{font-size:26px}.control-form-module .url-input{font-size:14px;padding:14px 16px 14px 44px}.control-form-module .input-icon{font-size:16px;left:16px}.scan-features-strip{align-items:center;flex-direction:column;gap:16px}.radar-grid-wrapper{height:160px;width:160px}.compact-steps-progress{flex-wrap:wrap;justify-content:center}.features-showcase-deck .grid-deck{grid-template-columns:1fr}}