@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;600;700&display=swap";.app{width:100%;min-height:100vh}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#06091ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,255,136,.15);display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:60px}.nav-logo{font-family:Share Tech Mono,monospace;font-size:15px;color:var(--white);display:flex;align-items:center;gap:10px}.nav-logo .dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}.nav-links{display:flex;gap:28px}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none;font-family:Share Tech Mono,monospace;letter-spacing:1px;transition:color .2s}.nav-links a:hover{color:var(--green)}.nav-cta{background:transparent;border:1px solid var(--green);color:var(--green);padding:7px 18px;font-family:Share Tech Mono,monospace;font-size:12px;cursor:pointer;letter-spacing:1px;transition:all .2s}.nav-cta:hover{background:var(--green);color:var(--bg)}#hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:80px 60px 60px;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero-glow{position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,255,136,.3);padding:5px 12px;margin-bottom:28px}.hero-badge span{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--green)}.hero-badge .blink{width:6px;height:6px;background:var(--green);border-radius:50%;animation:blink 1s infinite}h1{font-size:clamp(52px,7vw,88px);font-weight:700;line-height:1;letter-spacing:-1px;margin-bottom:8px}.line1{color:var(--white)}.line2{color:var(--green);-webkit-text-stroke:1px var(--green);position:relative}.cursor{display:inline-block;width:4px;height:.85em;background:var(--green);margin-left:4px;animation:blink 1s infinite;vertical-align:-.05em}.hero-sub{font-size:16px;color:var(--muted);margin:20px 0 36px;line-height:1.6;max-width:520px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn-primary{background:var(--green);color:var(--bg);padding:12px 28px;font-family:Share Tech Mono,monospace;font-size:13px;cursor:pointer;border:none;font-weight:700;letter-spacing:1px;transition:all .2s}.btn-primary:hover{background:#00cc6a}.btn-sec{background:transparent;color:var(--cyan);border:1px solid var(--cyan);padding:12px 28px;font-family:Share Tech Mono,monospace;font-size:13px;cursor:pointer;letter-spacing:1px;transition:all .2s}.btn-sec:hover{background:#00d4ff14}.hero-stats{position:absolute;right:60px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:24px;z-index:1}.stat-card{background:var(--bg2);border:1px solid rgba(0,255,136,.2);padding:20px 24px;min-width:160px;position:relative}.stat-num{font-family:Share Tech Mono,monospace;font-size:32px;color:var(--green);font-weight:700;line-height:1}.stat-label{font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.corner-tl,.corner-br{position:absolute;width:12px;height:12px}.corner-tl{top:0;left:0;border-top:2px solid var(--green);border-left:2px solid var(--green)}.corner-br{bottom:0;right:0;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}section{padding:80px 60px;position:relative}section:nth-child(2n){background:#0c122880}.sec-tag{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--green);letter-spacing:3px;margin-bottom:10px;opacity:.8}.sec-title{font-size:clamp(28px,4vw,44px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:8px}.sec-sub{font-size:15px;color:var(--muted);margin-bottom:48px;max-width:520px}.left-bar{position:absolute;left:0;top:0;bottom:0;width:4px}.threat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.threat-card{background:var(--bg2);border:1px solid rgba(255,58,92,.25);padding:20px;position:relative;overflow:hidden;transition:border-color .2s}.threat-card:hover{border-color:#ff3a5c99}.threat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--clr)}.threat-code{font-family:Share Tech Mono,monospace;font-size:10px;color:var(--clr, var(--red));letter-spacing:2px;margin-bottom:8px}.sev-badge{font-family:Share Tech Mono,monospace;font-size:9px;padding:2px 7px;border:1px solid var(--clr, var(--red));color:var(--clr, var(--red));float:right;letter-spacing:1px}.threat-title{font-size:16px;font-weight:700;color:var(--white);margin:6px 0 4px}.threat-desc{font-size:13px;color:var(--muted);line-height:1.5}.result-box{background:#1a0508;border:1px solid var(--red);padding:24px;margin-top:24px}.result-box h4{font-family:Share Tech Mono,monospace;font-size:12px;color:var(--red);letter-spacing:2px;margin-bottom:12px}.result-items{display:flex;gap:32px;flex-wrap:wrap}.result-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.result-item:before{content:"⚠";color:var(--red);font-size:14px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.module-card{background:var(--bg2);border:1px solid rgba(255,255,255,.08);padding:24px;position:relative;overflow:hidden;transition:all .25s;cursor:pointer}.module-card:hover{transform:translateY(-3px)}.module-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--clr)}.mod-badge{display:inline-block;border:1px solid var(--clr);padding:4px 10px;font-family:Share Tech Mono,monospace;font-size:11px;color:var(--clr);margin-bottom:16px}.mod-title{font-size:18px;font-weight:700;color:var(--white);margin-bottom:8px}.mod-desc{font-size:13px;color:var(--muted);line-height:1.5}.mod-items{margin-top:14px;display:flex;flex-direction:column;gap:6px}.mod-item{font-size:12px;color:var(--text);display:flex;align-items:center;gap:6px}.mod-item:before{content:"◆";color:var(--clr);font-size:9px}.arch-layers{display:flex;flex-direction:column;gap:10px}.arch-layer{background:var(--bg2);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:0;overflow:hidden;position:relative}.arch-label{min-width:180px;padding:16px 20px;font-family:Share Tech Mono,monospace;font-size:11px;letter-spacing:2px;font-weight:700;background:#ffffff0a}.arch-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px;flex:1}.arch-chip{border:1px solid var(--clr, rgba(255, 255, 255, .15));padding:6px 14px;font-size:12px;color:var(--text);background:#ffffff08;white-space:nowrap}.arch-arrow{text-align:center;font-size:16px;opacity:.4;margin:2px 0}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.user-card{background:var(--bg2);border:1px solid rgba(255,255,255,.08);padding:28px;position:relative;overflow:hidden}.user-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--clr)}.user-role{display:inline-block;border:1px solid var(--clr);padding:5px 14px;font-family:Share Tech Mono,monospace;font-size:12px;color:var(--clr);margin-bottom:16px;letter-spacing:2px}.user-items{margin-top:16px;display:flex;flex-direction:column;gap:10px}.user-item{font-size:14px;color:var(--text);display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.user-item:last-child{border-bottom:none;padding-bottom:0}.user-arrow{color:var(--clr);font-size:12px}.tech-rows{display:flex;flex-direction:column;gap:14px;max-width:640px}.tech-row{background:var(--bg2);padding:18px 22px;border:1px solid rgba(255,255,255,.06)}.tech-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tech-name{font-size:15px;font-weight:700;color:var(--white)}.tech-pct{font-family:Share Tech Mono,monospace;font-size:13px;color:var(--clr)}.tech-desc{font-size:12px;color:var(--muted);margin-bottom:10px}.bar-bg{height:4px;background:var(--bg3);position:relative}.bar-fill{height:100%;background:var(--clr);transition:width 1s ease}.tech-side{position:absolute;right:60px;top:80px;display:flex;flex-direction:column;gap:8px}.dep-chip{border:1px solid rgba(0,255,136,.2);padding:7px 14px;font-family:Share Tech Mono,monospace;font-size:11px;color:var(--clr, var(--green));display:flex;align-items:center;gap:7px}.dep-chip:before{content:"●";font-size:9px}.timeline{position:relative;padding-top:20px}.timeline:before{content:"";position:absolute;top:44px;left:0;right:0;height:2px;background:var(--bg3);z-index:0}.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.phase-dot{width:16px;height:16px;border-radius:50%;background:var(--clr);margin:0 auto 16px;position:relative;z-index:1;box-shadow:0 0 12px var(--clr)}.phase-progress{position:absolute;top:44px;left:0;height:2px;background:var(--cyan);z-index:1;transition:width 1.5s ease;width:42%}.phase-card{background:var(--bg2);border:1px solid rgba(255,255,255,.07);padding:22px;border-top:3px solid var(--clr)}.phase-label{font-family:Share Tech Mono,monospace;font-size:10px;color:var(--clr);letter-spacing:2px;margin-bottom:4px}.phase-title{font-size:22px;font-weight:700;color:var(--white);margin-bottom:4px}.phase-period{font-family:Share Tech Mono,monospace;font-size:11px;color:var(--muted);margin-bottom:12px}.phase-status{display:inline-block;border:1px solid var(--clr);padding:3px 10px;font-family:Share Tech Mono,monospace;font-size:9px;color:var(--clr);letter-spacing:1px;margin-bottom:12px}.phase-items{display:flex;flex-direction:column;gap:6px;margin-top:10px}.phase-item{font-size:13px;color:var(--text);display:flex;align-items:center;gap:7px}.phase-item span{color:var(--clr);font-size:10px}#cta{background:var(--bg2);border-top:1px solid rgba(0,255,136,.15);border-bottom:1px solid rgba(0,255,136,.15);text-align:center;padding:80px 60px}.cta-frame{border:1px solid rgba(0,255,136,.25);padding:52px;max-width:640px;margin:0 auto;position:relative}.cta-tl,.cta-tr,.cta-bl,.cta-br{position:absolute;width:14px;height:14px}.cta-tl{top:-1px;left:-1px;border-top:2px solid var(--green);border-left:2px solid var(--green)}.cta-tr{top:-1px;right:-1px;border-top:2px solid var(--green);border-right:2px solid var(--green)}.cta-bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--green);border-left:2px solid var(--green)}.cta-br{bottom:-1px;right:-1px;border-bottom:2px solid var(--green);border-right:2px solid var(--green)}.cta-tag{font-family:Share Tech Mono,monospace;font-size:10px;color:var(--green);letter-spacing:3px;margin-bottom:16px;opacity:.7}.cta-title{font-size:36px;font-weight:700;color:var(--white);margin-bottom:12px}.cta-sub{font-size:15px;color:var(--muted);margin-bottom:28px;line-height:1.6}.cta-motto{font-family:Share Tech Mono,monospace;font-size:12px;color:var(--green);margin-top:28px;opacity:.7;letter-spacing:2px}footer{background:var(--bg);border-top:1px solid rgba(255,255,255,.05);padding:24px 60px;display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:Share Tech Mono,monospace;font-size:13px;color:var(--muted)}.footer-status{display:flex;align-items:center;gap:7px;font-family:Share Tech Mono,monospace;font-size:11px;color:var(--green)}.footer-status:before{content:"●";font-size:8px;animation:pulse 2s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){nav{padding:0 20px}.hero-stats{display:none}section{padding:60px 20px}#hero{padding:80px 20px 40px}.tech-side{display:none}footer{flex-direction:column;gap:12px;text-align:center}.nav-links{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #06091a;--bg2: #0c1228;--bg3: #111a35;--green: #00ff88;--cyan: #00d4ff;--purple: #8b5cf6;--red: #ff3a5c;--orange: #ff8c00;--text: #e2f0fb;--muted: #6b8cae;--white: #ffffff}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Rajdhani,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.018) 2px,rgba(0,255,136,.018) 4px);pointer-events:none;z-index:9999}#root{width:100%;min-height:100vh}