@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Cinzel:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--accent: #0ea5e9;--accent-dim: rgba(14, 165, 233, .15);--accent-glow: rgba(14, 165, 233, .4);--accent-hi: #38bdf8;--bg: #030712;--bg2: #060d1f;--surface: rgba(15, 23, 42, .6);--border: rgba(14, 165, 233, .18);--text: #f1f5f9;--text-muted: #64748b;--text-dim: #94a3b8;--green: #4ade80;--green-dim: rgba(74, 222, 128, .15);--red: #f87171;--red-dim: rgba(248, 113, 113, .12)}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#0ea5e940;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0ea5e980}.font-mono{font-family:JetBrains Mono,monospace}.font-syne{font-family:Cinzel,serif}.text-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-grid{background-image:linear-gradient(rgba(14,165,233,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.04) 1px,transparent 1px);background-size:40px 40px}.orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,transparent 70%);top:-200px;left:-200px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(129,140,248,.06) 0%,transparent 70%);bottom:-150px;right:-150px}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.05) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px -5px #0ea5e94d}50%{box-shadow:0 0 40px -5px #0ea5e999}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes borderGlow{0%,to{border-color:#0ea5e92e}50%{border-color:#0ea5e973}}@keyframes scanline{0%{top:0}to{top:100%}}.animate-fade-in{opacity:0;animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-left{opacity:0;animation:fadeInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{opacity:0;animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--accent-dim);border:1px solid rgba(14,165,233,.25);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-hi);margin-bottom:24px}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.2),transparent);margin:0;border:none}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.show-mobile{display:none!important}}html,body,#root{max-width:100vw;overflow-x:hidden}@media(max-width:640px){.font-syne{letter-spacing:-.02em!important}.vault-grid{grid-template-columns:1fr!important}.btn-full-mobile{width:100%!important}.toast-mobile{left:12px!important;right:12px!important;bottom:16px!important;max-width:none!important}.arch-pipeline{overflow-x:auto;flex-wrap:nowrap!important;justify-content:flex-start!important;padding-bottom:8px}.steps-flow{flex-direction:column!important;gap:0!important}.glass-card{padding:20px!important}.drop-zone-responsive{min-height:160px!important;padding:28px 16px!important}.metrics-row{gap:24px!important}}@media(min-width:641px)and (max-width:1024px){.vault-grid{grid-template-columns:1fr!important}.arch-pipeline{flex-wrap:wrap!important;gap:8px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stagePulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes barGlow{0%,to{box-shadow:0 0 8px #0ea5e966}50%{box-shadow:0 0 20px #0ea5e9cc}}@keyframes typewriter{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes successPop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.font-heading{font-family:Cinzel,serif}.text-gradient-white{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-cyan{color:var(--accent-hi)}.status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;display:inline-block}.nav-link{background:none;border:none;padding:8px 12px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s}.nav-link:hover{color:#fff}.footer-link{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.workflow-container{display:flex;flex-direction:column;gap:0;background:#0f172a80;border:1px solid var(--border);border-radius:24px;padding:48px}.workflow-step{display:flex;gap:24px;position:relative;padding-bottom:40px}.workflow-step:last-child{padding-bottom:0}.workflow-node{display:flex;flex-direction:column;alignItems:center;gap:8px;z-index:2}.workflow-icon{width:48px;height:48px;border-radius:12px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-hi)}.workflow-number{font-size:12px;color:var(--text-dim)}.workflow-connector{position:absolute;top:56px;bottom:0;left:24px;width:1px;background:linear-gradient(to bottom,#0ea5e94d,#0ea5e90d);z-index:1}.workflow-content{padding-top:12px}@media(min-width:1024px){.workflow-container{flex-direction:row;padding:40px;justify-content:space-between}.workflow-step{flex-direction:column;padding-bottom:0;flex:1;text-align:center;align-items:center}.workflow-node{align-items:center}.workflow-connector{inset:24px -60px auto 60px;height:1px;width:auto;background:linear-gradient(to right,rgba(14,165,233,.3),transparent)}}.arch-flow{display:flex;flex-direction:column;gap:16px}.arch-step{background:#0ea5e90d;border:1px solid rgba(14,165,233,.2);border-radius:8px;padding:16px;text-align:center;font-size:14px;font-weight:500;width:100%}.arch-arrow{display:flex;align-items:center;justify-content:center;color:#0ea5e966}.desktop-arrow{display:none}.mobile-arrow{display:block}@media(min-width:1024px){.arch-flow{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.arch-step{width:auto;flex:1;padding:16px 8px;font-size:11px;height:100%;display:flex;align-items:center;justify-content:center}.desktop-arrow{display:block}.mobile-arrow{display:none}}.glass-panel{background:#0f172a8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.5),transparent)}.glass-panel:hover{border-color:#0ea5e959;box-shadow:0 12px 40px #0009,0 0 0 1px #0ea5e914,inset 0 1px #ffffff0f}.glass-card{background:#0f172a80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(14,165,233,.12);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.4),transparent);opacity:0;transition:opacity .3s ease}.glass-card:hover{border-color:#0ea5e94d;transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 0 30px #0ea5e914}.glass-card:hover:before{opacity:1}.glass-input{background:#020617d9;border:1px solid rgba(30,41,59,.8);border-radius:10px;font-family:JetBrains Mono,monospace;color:#38bdf8;padding:14px 16px;outline:none;font-size:14px;transition:all .25s ease;width:100%}.glass-input::placeholder{color:#38bdf840}.glass-input:focus{border-color:var(--accent);box-shadow:0 0 20px -4px #0ea5e959,inset 0 0 0 1px #0ea5e94d}textarea.glass-input{resize:vertical;min-height:120px;line-height:1.6}.glass-button{background:#0ea5e914;color:#38bdf8;border:1px solid rgba(14,165,233,.35);padding:13px 20px;border-radius:10px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Space Grotesk,sans-serif;position:relative;overflow:hidden}.glass-button:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent);pointer-events:none}.glass-button:hover:not(:disabled){background:#0ea5e92e;border-color:#0ea5e9b3;box-shadow:0 0 24px -4px #0ea5e966;transform:translateY(-1px)}.glass-button:active:not(:disabled){transform:translateY(0)}.glass-button:disabled{opacity:.35;cursor:not-allowed;border-color:#33415566;color:#94a3b866}.btn-primary{background:var(--accent)!important;color:#020617!important;border:none!important;font-size:15px!important;padding:16px 32px!important;border-radius:12px!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:none!important}.btn-primary:hover:not(:disabled){background:#38bdf8!important;box-shadow:0 0 32px #38bdf880!important;transform:translateY(-2px)!important}.btn-ghost{background:transparent!important;color:var(--text-dim)!important;border:1px solid rgba(100,116,139,.35)!important;font-size:15px!important;padding:16px 32px!important;border-radius:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}.btn-ghost:hover:not(:disabled){border-color:#0ea5e966!important;color:var(--text)!important;background:#0ea5e90f!important;box-shadow:none!important;transform:translateY(-1px)!important}.primary-btn{background:var(--accent)!important;color:#020617!important;border:none!important}.primary-btn:hover:not(:disabled){background:#38bdf8!important;box-shadow:0 0 24px #38bdf866!important}.secondary-btn{background:transparent!important;color:var(--text-muted)!important;border:1px solid #1e293b!important}.secondary-btn:hover:not(:disabled){background:#1e293b80!important;border-color:#334155!important;color:var(--text)!important;box-shadow:none!important}.icon-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);border:1px solid rgba(14,165,233,.2);border-radius:12px;color:var(--accent-hi);flex-shrink:0}.step-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-size:20px;font-weight:800;background:var(--accent-dim);border:1px solid rgba(14,165,233,.3);color:var(--accent-hi);flex-shrink:0;position:relative;z-index:1}.cyber-accent{color:var(--accent)}.drop-zone{border:2px dashed rgba(14,165,233,.2);border-radius:16px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .3s ease;background:#0ea5e905;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone.active{border-color:#0ea5e980;background:#0ea5e90d;box-shadow:0 0 30px #0ea5e914 inset}.status-bar{height:3px;background:#0ea5e91a;border-radius:999px;overflow:hidden}.status-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1);position:relative}.status-bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:shimmer 1s ease infinite}.arch-node{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.arch-node-box{padding:12px 18px;background:#0ea5e914;border:1px solid rgba(14,165,233,.25);border-radius:10px;font-size:12px;font-weight:600;color:var(--accent-hi);font-family:JetBrains Mono,monospace;letter-spacing:.5px;white-space:nowrap;transition:all .3s ease}.arch-node-box:hover{background:#0ea5e926;border-color:#0ea5e980;box-shadow:0 0 20px #0ea5e926;transform:scale(1.05)}.arch-arrow{color:#0ea5e966;font-size:20px;line-height:1}.integrity-badge{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:14px;margin-top:16px;animation:fadeIn .4s ease forwards}.integrity-badge.success{background:var(--green-dim);border:1px solid rgba(74,222,128,.25)}.integrity-badge.failure{background:var(--red-dim);border:1px solid rgba(248,113,113,.25)}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes scan{0%{background-position:0% 0%}to{background-position:0% 100%}}#root{isolation:isolate}