@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#04060f;color:#eff3ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020409;color:#eff3ff}#root{min-height:100vh}.page{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at top right,rgba(93,58,255,.35),transparent 55%),radial-gradient(circle at bottom left,rgba(22,199,132,.2),transparent 60%),#050912}.glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(60px);opacity:.65;z-index:0}.glow-left{top:-120px;left:-180px;background:radial-gradient(circle,#8045ffe6,#05050f00)}.glow-right{bottom:-200px;right:-160px;background:radial-gradient(circle,#39e0ace6,#05050f00)}.content{position:relative;z-index:1;padding:48px clamp(16px,4vw,64px) 80px;max-width:1200px;margin:0 auto}.dashboard .content{max-width:960px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions,.nav-actions{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:16px;font-weight:600;letter-spacing:.02em;color:#f3f7ff}.brand-icon{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#d9d1ff,#7346ff 65%);display:inline-flex;align-items:center;justify-content:center;position:relative}.brand-icon span{width:22px;height:22px;border:2px solid rgba(255,255,255,.8);border-radius:999px;position:relative}.brand-icon span:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:2px solid transparent;border-left-color:#fffc;border-right-color:#fffc;border-radius:999px;transform:rotate(45deg)}.brand-eyebrow{text-transform:uppercase;font-size:.9rem;letter-spacing:.28em;color:#ffffffbf}.btn{border:none;border-radius:999px;padding:10px 22px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.btn:hover{transform:translateY(-1px);opacity:.95}.btn-secondary{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff}.btn-ghost{background:#8f8cff2e;color:#cddbff;padding:8px 16px}.btn-danger{background:linear-gradient(135deg,#ff5f6d,#ffc371);color:#050912}.icon-button{background:transparent;border:1px solid rgba(255,255,255,.15);color:#f3f7ff;font-size:1.1rem;border-radius:12px;padding:8px 14px;cursor:pointer}.icon-button.close{border:none;font-size:1.4rem;line-height:1;padding:0 6px;color:#fffc}main{margin-top:80px}.hero h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin:0 0 24px}.hero-body{max-width:640px;color:#ebefffcc;font-size:1.15rem;line-height:1.7}.hero-body span{color:#47f1b2}.vaults{margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.vault-card{background:#080a18e0;border-radius:28px;padding:28px;border:1px solid rgba(112,110,202,.3);box-shadow:inset 0 0 0 1px #ffffff05,0 12px 40px #03050bb3;position:relative;overflow:hidden}.vault-card:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(60px);opacity:.45;right:-120px;bottom:-140px;z-index:0}.vault-card.l1:after{background:#6271ffcc}.vault-card.stable:after{background:#47f1b2a6}.vault-card.experimental:after{background:#c36cffcc}.vault-card__body,.vault-card__footer{position:relative;z-index:1}.vault-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.25em;color:#bcc4ffb3;margin:0 0 8px}.vault-card h3{margin:0 0 24px;font-size:1.2rem;font-weight:600}.stat-block{display:flex;justify-content:space-between;gap:16px}.stat-label{margin:0;color:#d3d9ff99;font-size:.85rem;letter-spacing:.05em}.stat-value{margin:8px 0 0;font-size:1.5rem;font-weight:600}.stat-value.apy{color:#47f1b2}.vault-card__footer{margin-top:28px;display:flex;flex-direction:column;gap:8px}.vault-highlight{margin:0;font-size:1rem;font-weight:600;color:#e8ecff}.flows{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.flow-card{background:#040f11d9;border-radius:24px;padding:28px;border:1px solid rgba(59,123,108,.3);box-shadow:0 12px 40px #020a09a6}.flow-card.generate{background:#040a13d9;border-color:#5676a959}.flow-card.route{background:#05090ce6;border-color:#50937d59}.flow-icon{width:56px;height:56px;border-radius:18px;background:#5792ff26;color:#9ac8ff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.flow-card.generate .flow-icon{background:#c599ff2e;color:#f0c7ff}.flow-card.route .flow-icon{background:#56ffca26;color:#71f4c0}.flow-card h4{margin:0 0 12px;font-size:1.3rem}.flow-description{margin:0 0 12px;color:#d6e1f0d9;line-height:1.6}.flow-note{margin:0;color:#93d3c4e6;font-size:.95rem}@media (max-width: 720px){.header{flex-direction:column;align-items:flex-start}.hero h1{font-size:2.5rem}.stat-block{flex-direction:column}}.network-warning{border:1px solid rgba(255,162,106,.4);background:#ffa26a1a;border-radius:16px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#ffd8bd;font-size:.95rem}.demo-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.demo-header{text-align:center;margin-bottom:32px;color:#e7ecffcc;font-size:1.2rem}.demo-panel{background:#070a15e6;border-radius:28px;padding:36px;border:1px solid rgba(117,126,201,.35);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.vault-summary h2{margin:0 0 12px}.yield-sources{margin-top:24px}.yield-sources ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.yield-sources li{color:#47f1b2;position:relative;padding-left:16px}.yield-sources li:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;left:0;top:8px}.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:#c5cdffb3;margin:0 0 12px}.vault-analytics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;align-items:center}.donut-chart{width:220px;height:220px;border-radius:50%;background:conic-gradient(#7f58ff 0,#7f58ff 50%,#47f1b2 50%,#47f1b2 80%,#8e9bff 80%,#8e9bff);display:flex;align-items:center;justify-content:center;margin:0 auto}.donut-hole{width:110px;height:110px;border-radius:50%;background:#070b16;box-shadow:inset 0 0 15px #0006}.allocation-card{background:#060914cc;border-radius:20px;padding:20px;border:1px solid rgba(121,131,194,.35)}.allocation-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.allocation-card li{display:flex;justify-content:space-between;font-size:1rem;color:#e6ebffe6}.actions-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.stat-card,.form-card{background:#060914d9;border-radius:24px;padding:24px;border:1px solid rgba(118,128,197,.3)}.stat-card h4{margin:0 0 16px}.stat-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.95rem;color:#dee5ffd9}.stat-row strong{font-size:1rem}.form-card h4{margin:0 0 12px}.form-card label{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:#cbd3facc}.form-card input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(129,143,194,.4);background:#03060e99;color:#fff;margin:8px 0 6px;font-size:1rem}.form-helper{color:#bbc2e2cc;font-size:.85rem;margin:4px 0 12px}.feedback-banner{margin:18px 0;padding:12px 16px;border-radius:14px;background:#5791ff1f;border:1px solid rgba(87,145,255,.3);color:#cfe0ff;font-size:.9rem}.allocation-panel{margin-top:32px;background:#050913d9;border-radius:24px;border:1px solid rgba(121,129,201,.35);padding:24px}.allocation-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.allocation-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid rgba(104,116,175,.3)}.allocation-title{margin:0 0 4px;font-weight:600}.slider-field{display:flex;align-items:center;gap:12px;width:50%}.slider-field input[type=range]{flex:1;accent-color:#7c3aed}.allocation-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:12px}.routing-review{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.routing-card{background:#080c18d9;border-radius:20px;padding:24px;border:1px solid rgba(122,133,207,.3)}.routing-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.routing-card h3{margin:4px 0 0;font-size:1.25rem}.routing-card h3 span{color:#47f1b2;font-size:1rem;margin-left:8px}.routing-card ul{margin:12px 0 0;padding-left:18px;color:#d2dcffd9;line-height:1.6}.routing-card ul li{list-style:none;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(103,116,175,.25)}.routing-card ul li:last-child{border-bottom:none}.program-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.program-amount{margin:4px 0 0;color:#8dd7bee6;font-weight:600;font-size:.85rem;word-break:break-all;overflow-wrap:anywhere}.badge{border-radius:999px;padding:6px 14px;font-size:.85rem}.badge-default{background:#ff62621f;color:#ff7a7a;border:1px solid rgba(255,122,122,.3)}.total-card{display:flex;flex-direction:column;justify-content:space-between}.total-value{font-size:2rem;margin:12px 0 24px;font-weight:600}.add-program{align-self:flex-start}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060fd9;display:flex;align-items:center;justify-content:center;z-index:10;padding:24px}.modal{background:#070b16;border-radius:24px;padding:32px;width:min(520px,100%);border:1px solid rgba(130,143,212,.3);box-shadow:0 40px 80px #010309d9}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-header h2{margin:0}.modal-header p{margin:4px 0 0;color:#d9e1f9cc}.modal-body{margin-top:24px}.projected-value{font-size:2rem;margin:0 0 6px;font-weight:600}.modal-subtext{margin:0 0 18px;color:#bbc6d9d9}.program-list{display:flex;flex-direction:column;gap:12px}.program-card{background:#090d18e6;border:1px solid rgba(109,121,185,.3);border-radius:16px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px}.program-card h3{margin:0 0 4px;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center}.program-percent{margin-left:8px;font-size:.85rem;color:#6ff2c3}.program-card p{margin:0;color:#b7c2dae6;font-size:.95rem}.program-card strong{color:#ffffffd9}.modal-total{margin-top:20px;padding:16px 0 0;border-top:1px solid rgba(109,121,185,.3);display:flex;justify-content:space-between;font-size:1.1rem}.modal-total strong{font-size:1.25rem}.modal-actions{margin-top:28px;display:flex;justify-content:flex-end;gap:16px}@media (max-width: 720px){.demo-panel{padding:28px}.vault-analytics{grid-template-columns:1fr}.donut-chart{width:180px;height:180px}.slider-field{width:100%}.network-warning{flex-direction:column;align-items:flex-start}}.link{color:#8fdfff;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}