:root{
  --bg:#07111f;
  --bg2:#0a1627;
  --surface:#0e1d31;
  --surface2:#12243b;
  --line:rgba(255,255,255,.08);
  --text:#eef5ff;
  --muted:#8ea3bd;
  --primary:#7c3aed;
  --primary2:#22d3ee;
  --success:#22c55e;
  --warning:#f59e0b;
  --danger:#ef4444;
  --shadow:0 24px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:
radial-gradient(circle at 10% 0%,rgba(124,58,237,.18),transparent 28%),
radial-gradient(circle at 90% 10%,rgba(34,211,238,.12),transparent 25%),
linear-gradient(180deg,var(--bg),#081421 55%,#06101c);color:var(--text);min-height:100vh}
a{text-decoration:none;color:inherit}
.text-muted{color:var(--muted)!important}
.navbar{background:rgba(6,15,27,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:.2px}
.brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 14px 34px rgba(124,58,237,.35)}
.navbar .nav-link{color:#aec0d6!important;font-weight:650}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}
.btn{border-radius:13px;font-weight:750}
.btn-primary{border:0;background:linear-gradient(135deg,var(--primary),#8b5cf6);box-shadow:0 12px 28px rgba(124,58,237,.25)}
.btn-outline-light{border-color:var(--line)}
.hero{padding:8rem 0 5rem;overflow:hidden}
.hero h1{font-size:clamp(2.7rem,6vw,5.4rem);line-height:1.02;font-weight:950;letter-spacing:-2px}
.gradient-text{background:linear-gradient(90deg,#fff,#c4b5fd,#67e8f9);-webkit-background-clip:text;color:transparent}
.glass,.card-pro{background:linear-gradient(180deg,rgba(17,34,55,.88),rgba(9,22,39,.88));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.hero-card{border-radius:28px;padding:1.5rem}
.chain-orb{width:min(100%,320px);aspect-ratio:1;border-radius:50%;margin:auto;display:grid;place-items:center;font-size:5rem;background:
radial-gradient(circle at 35% 28%,#d7f8ff 0%,#6ee7f9 10%,#7c3aed 42%,#101b35 70%);
box-shadow:0 0 90px rgba(124,58,237,.42)}
.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:999px;background:rgba(124,58,237,.13);border:1px solid rgba(124,58,237,.25);color:#d8d0ff;font-size:.86rem;font-weight:700}
.metric{padding:1rem;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.section{padding:5rem 0}
.section-title{font-size:clamp(2rem,4vw,3.3rem);font-weight:900;letter-spacing:-1px}
.feature-card,.price-card,.stat-card,.panel-card{height:100%;padding:1.35rem;border-radius:22px;background:linear-gradient(180deg,rgba(17,34,55,.94),rgba(9,22,39,.94));border:1px solid var(--line);box-shadow:0 14px 42px rgba(0,0,0,.18)}
.icon-box{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(34,211,238,.18));font-size:1.15rem}
.footer{padding:2.5rem 0;border-top:1px solid var(--line);background:#050c15}
.form-control,.form-select,.form-check-input{background:#0a1728;border:1px solid var(--line);color:#fff;border-radius:13px}
.form-control,.form-select{padding:.85rem 1rem}
.form-control:focus,.form-select:focus{background:#0a1728;color:#fff;border-color:#7c3aed;box-shadow:0 0 0 .2rem rgba(124,58,237,.13)}
.form-control::placeholder{color:#62748c}
.form-label{font-weight:700;color:#ccd8e7}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem}
.auth-box{width:min(100%,540px);border-radius:26px;padding:2rem}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:280px;position:fixed;inset:0 auto 0 0;z-index:1040;padding:1rem;background:#06101c;border-right:1px solid var(--line);overflow-y:auto;transition:.25s}
.sidebar .brand{padding:.55rem .65rem 1rem}
.side-group{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#5d718b;padding:1rem .75rem .35rem}
.side-link{display:flex;align-items:center;gap:.8rem;padding:.82rem .9rem;border-radius:13px;color:#9fb3ca;font-weight:680;margin:.15rem 0}
.side-link i{width:20px;text-align:center}
.side-link:hover,.side-link.active{color:#fff;background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(34,211,238,.06))}
.app-main{margin-left:280px;flex:1;min-width:0}
.topbar{height:76px;position:sticky;top:0;z-index:1030;padding:0 1.25rem;display:flex;justify-content:space-between;align-items:center;background:rgba(6,16,28,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.app-content{padding:1.25rem}
.avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#7c3aed,#22d3ee)}
.stat-card .value{font-size:1.75rem;font-weight:900}
.table{--bs-table-bg:transparent;--bs-table-color:#dce8f8;--bs-table-border-color:var(--line)}
.table thead th{font-size:.73rem;text-transform:uppercase;letter-spacing:.09em;color:#748aa5}
.progress{height:8px;background:#081525}
.progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary2))}
.badge-soft{padding:.4rem .7rem;border-radius:999px;background:rgba(124,58,237,.15);color:#d1c7ff;border:1px solid rgba(124,58,237,.22)}
.wallet-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 12px #22c55e}
.tree-canvas{min-width:850px;padding:1rem 0 2rem}
.tree-row{display:flex;justify-content:center;gap:1.2rem;flex-wrap:nowrap;margin:1.4rem 0;position:relative}
.tree-node{width:170px;flex:0 0 170px;padding:.8rem;border-radius:15px;background:#0f2035;border:1px solid var(--line);text-align:center;position:relative}
.tree-node .node-avatar{width:40px;height:40px;border-radius:50%;margin:0 auto .5rem;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#22d3ee);font-weight:900}
.tree-node small{color:var(--muted)}
.leg-pill{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:rgba(34,211,238,.1);color:#8cecff;border:1px solid rgba(34,211,238,.15)}
.config-card{border:1px solid var(--line);border-radius:18px;padding:1rem;background:rgba(255,255,255,.025)}
.structure-option{cursor:pointer;border:1px solid var(--line);border-radius:18px;padding:1rem;background:#0b192a;transition:.2s}
.structure-option.active,.structure-option:hover{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.mobile-menu{display:none}
@media(max-width:991.98px){
 .sidebar{transform:translateX(-100%)}
 .sidebar.show{transform:translateX(0)}
 .app-main{margin-left:0}
 .mobile-menu{display:inline-flex}
 .hero{padding-top:6.5rem}
}
@media(max-width:575.98px){
 .app-content{padding:.8rem}
 .feature-card,.price-card,.stat-card,.panel-card{padding:1rem;border-radius:18px}
 .hero h1{letter-spacing:-1px}
}