.vb-root{--bg:#0a1020;--bg2:#0e1730;--surface:#131d36;--line:#22304f;--ink:#eef3fb;--muted:#93a3bd;--accent:#ff8a4c;--accent2:#ffb88a;--teal:#3dd6c6;--shadow:0 20px 60px #00000073;background:radial-gradient(1200px 800px at 50% 40%,var(--bg2),var(--bg) 70%);color:var(--ink);font-family:Vazirmatn,Sora,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.vb-root *{box-sizing:border-box}.vb-root[dir=ltr]{font-family:Sora,Vazirmatn,system-ui,sans-serif}.vb-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.vb-root button:focus-visible,.vb-root a:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:8px}.vb-root .bar{z-index:30;pointer-events:none;inset-inline:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;display:flex;position:absolute;top:0}.vb-root .bar>*{pointer-events:auto}.vb-root .brand{letter-spacing:.04em;align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:800;display:flex}.vb-root .brand i{background:var(--accent);width:10px;height:10px;box-shadow:0 0 18px var(--accent);border-radius:50%;flex:none}.vb-root .brand small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:500}.vb-root .lang{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#131d36b3;border-radius:999px;flex:none;display:flex;overflow:hidden}.vb-root .lang button{color:var(--muted);padding:6px 14px;font-size:12px;font-weight:700}.vb-root .lang button[aria-pressed=true]{background:var(--accent);color:#1a0d05}.vb-root #stars{z-index:0;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.vb-root #scene{z-index:1;transform-origin:50%;place-items:center;transition:transform .9s cubic-bezier(.7,0,.2,1),opacity .6s .1s,filter .9s;display:grid;position:absolute;inset:0}.vb-root #scene.zoomed{opacity:0;filter:blur(6px);pointer-events:none}.vb-root .orbit{width:min(86vmin,760px);height:min(86vmin,760px);position:relative}.vb-root .orbit svg.web{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vb-root .web line{stroke:var(--teal);stroke-opacity:.22;stroke-width:1px}.vb-root .web circle.ring{fill:none;stroke:var(--line);stroke-dasharray:3 9}.vb-root .web line.hot{stroke-opacity:.7;stroke-width:1.6px;filter:drop-shadow(0 0 6px var(--teal))}.vb-root .hub{aspect-ratio:1;text-align:center;background:radial-gradient(circle at 35% 30%,#ffb07a,var(--accent) 55%,#c9531c);border-radius:50%;place-items:center;width:26%;animation:6s ease-in-out infinite vb-breathe;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #ff8a4c14,0 0 0 28px #ff8a4c0a,0 30px 80px #ff8a4c40}.vb-root .hub b{color:#1a0d05;letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:clamp(14px,2.6vmin,26px);font-weight:800;line-height:1}.vb-root .hub span{letter-spacing:.18em;text-transform:uppercase;color:#4a1d08;margin-top:6px;font-size:clamp(8px,1.2vmin,11px);font-weight:700;display:block}@keyframes vb-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.035)}}.vb-root .node{aspect-ratio:1;width:19%;transform:translate(var(--x),var(--y));margin:-9.5% 0 0 -9.5%;position:absolute;top:50%;left:50%}.vb-root .node button{text-align:center;border:1px solid var(--line);width:100%;height:100%;box-shadow:var(--shadow),inset 0 1px 0 #ffffff0f;animation:vb-float var(--dur) ease-in-out var(--delay) infinite;background:linear-gradient(160deg,#1a2746,#111a31);border-radius:50%;place-content:center;gap:4px;padding:8px;transition:transform .35s,border-color .35s,box-shadow .35s;display:grid}.vb-root .node button:hover{border-color:var(--accent);box-shadow:0 0 0 6px #ff8a4c1f,var(--shadow);transform:scale(1.07)}.vb-root .node .n{color:var(--teal);letter-spacing:.2em;font-family:Sora,sans-serif;font-size:10px;font-weight:600}.vb-root .node .t{font-size:clamp(10px,1.55vmin,15px);font-weight:700;line-height:1.25}.vb-root .node .s{color:var(--muted);font-size:clamp(9px,1.15vmin,11px);line-height:1.3}@keyframes vb-float{0%,to{translate:0}33%{translate:var(--fx) var(--fy)}66%{translate:calc(var(--fx)*-.6) calc(var(--fy)*.8)}}.vb-root .hint{text-align:center;color:var(--muted);z-index:2;bottom:26px;margin:0;padding:0 18px;font-size:13px;transition:opacity .4s;position:absolute;inset-inline:0}.vb-root .hint.hidden{opacity:0}.vb-root #panel{z-index:20;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;padding:84px 5vw 96px;transition:opacity .5s .35s,transform .7s cubic-bezier(.2,.8,.2,1) .3s,visibility 0s linear .9s;position:absolute;inset:0;overflow:auto;transform:scale(.92)}.vb-root #panel.open{opacity:1;visibility:visible;transition-delay:.35s,.3s,0s;transform:none}.vb-root .phead{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;max-width:1200px;margin:0 auto 28px;display:grid}.vb-root .badge{color:#1a0d05;background:radial-gradient(circle at 35% 30%,#ffb07a,var(--accent) 60%,#c9531c);border-radius:50%;place-items:center;width:78px;height:78px;font-family:Sora,sans-serif;font-size:28px;font-weight:800;display:grid;box-shadow:0 10px 40px #ff8a4c59}.vb-root .phead h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(20px,3.6vw,40px);font-weight:800;line-height:1.15}.vb-root .phead p{color:var(--muted);max-width:65ch;margin:6px 0 0;line-height:1.6}.vb-root .phead .meta{letter-spacing:.2em;color:var(--teal);text-transform:uppercase;margin-bottom:6px;font-family:Sora,sans-serif;font-size:11px}.vb-root .phead>div{min-width:0}.vb-root .nav{gap:8px;display:flex}.vb-root .nav button,.vb-root .close{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:all .25s;display:grid}.vb-root .nav button:hover,.vb-root .close:hover{border-color:var(--accent);color:var(--accent)}.vb-root .grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;max-width:1200px;margin:0 auto;display:grid}.vb-root .card{border:1px solid var(--line);opacity:0;background:linear-gradient(170deg,#15213d,#101a30);border-radius:18px;padding:18px 20px;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;transform:translateY(18px)}.vb-root #panel.open .card{opacity:1;transform:none}.vb-root .card.wide{grid-column:span 2}.vb-root .card:before{content:"";background:linear-gradient(90deg,var(--teal),transparent 70%);opacity:.6;width:100%;height:2px;position:absolute;inset:0 auto auto 0}.vb-root .card h3{align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:700;display:flex}.vb-root .card h3 em{letter-spacing:.2em;color:var(--teal);font-family:Sora,sans-serif;font-size:10px;font-style:normal}.vb-root .card ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.vb-root .card li{color:#d5deec;padding-inline-start:16px;font-size:13.5px;line-height:1.55;position:relative}.vb-root .card li:before{content:"";background:var(--accent);inset-inline-start:0;border-radius:50%;width:6px;height:6px;position:absolute;top:.62em}.vb-root .flow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.vb-root .flow span{color:#bff3ec;background:#3dd6c61a;border:1px solid #3dd6c64d;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.vb-root .flow i{color:var(--muted);font-style:normal}.vb-root .dots{z-index:25;opacity:0;visibility:hidden;bottom:22px;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 16px;transition:all .4s;display:flex;position:absolute;inset-inline:0}.vb-root .dots.open{opacity:1;visibility:visible}.vb-root .dots button{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:none;width:12px;height:12px;transition:all .25s}.vb-root .dots button[aria-current=true]{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px var(--accent);transform:scale(1.25)}.vb-root .dots button:hover{border-color:var(--accent2)}.vb-root[dir=rtl] .nav button:not(.close) svg{transform:scaleX(-1)}@media (width<=640px){.vb-root .card.wide{grid-column:span 1}}@media (width<=720px){.vb-root .bar{padding:12px 16px}.vb-root .brand small{display:none}.vb-root .phead{grid-template-columns:auto minmax(0,1fr);gap:14px;margin-bottom:20px}.vb-root .phead .nav{grid-column:1/-1;justify-content:flex-end}.vb-root .badge{width:56px;height:56px;font-size:22px}.vb-root .node .s{display:none}.vb-root .node .n{letter-spacing:.12em;font-size:9px}.vb-root .node .t{font-size:11px}.vb-root .orbit{width:min(96vmin,760px);height:min(96vmin,760px)}.vb-root .hint{font-size:12px;bottom:16px}.vb-root #panel{padding:66px 16px 88px}.vb-root .grid{grid-template-columns:1fr;gap:12px}.vb-root .card{padding:16px}}@media (width<=380px){.vb-root .node .t{letter-spacing:-.01em;font-size:10px}.vb-root .node button{padding:4px}}@media (prefers-reduced-motion:reduce){.vb-root *{transition-duration:.01ms!important;animation:none!important}}