@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Syncopate:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#070816;--panel:#111124;--text:#f5f3ff;--muted:#9794b3;--line:#29273f;--lavender:#c5a6ff;--pink:#ee6dff;--cyan:#80ece6;--rail:82px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.65 'Space Grotesk','PingFang SC','Microsoft YaHei',sans-serif;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 66% 8%,#27205442,transparent 53%),radial-gradient(ellipse at 30% 85%,#2d124c25,transparent 50%)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,.proposal-card:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:5px}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.6}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);border-right:1px solid #363055;background:linear-gradient(180deg,#0b0b1b,#070713);display:flex;align-items:center;flex-direction:column;z-index:10}.logo{width:42px;height:44px;margin-top:28px}.logo svg{height:42px;width:42px;fill:#f1ebff;stroke:0;filter:drop-shadow(0 0 12px #a38cff22)}.rail-nav{display:grid;gap:16px;width:100%;margin-top:60px}.rail-button{height:70px;background:none;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#9995b8}.rail-button svg{width:24px;height:24px}.rail-button span{font-size:9px;opacity:0;transition:.2s}.rail-button:hover span,.rail-button.active span{opacity:.9}.rail-button.active{background:linear-gradient(90deg,#6e3ba52c,transparent);color:#e7c7ff}.rail-button.active:before{content:'';position:absolute;left:13px;top:19px;height:30px;width:2px;background:var(--lavender);box-shadow:0 0 15px var(--pink)}.rail-bottom{margin-top:auto;padding-bottom:30px;display:grid;justify-items:center;gap:15px;color:#9f93c2;font-size:10px;letter-spacing:3px;line-height:1.8}.rail-orb{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c780ff 35%,#302256);box-shadow:0 0 16px #b963ff80}.shell{margin-left:var(--rail);padding:0 clamp(24px,3.2vw,56px);max-width:1900px}.topbar{height:91px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #29263d66;position:relative;z-index:5}.breadcrumb{font-size:13px;letter-spacing:1px;white-space:nowrap;color:#c2bdd9}.breadcrumb span{margin:0 11px;color:#625674}.topbar nav{display:flex;gap:32px;margin:auto}.nav-button{background:none;color:#aaa4c6;font-size:14px;padding:14px 0;position:relative;white-space:nowrap}.nav-button.active{color:#edd3ff}.nav-button.active:after{content:'';height:2px;position:absolute;bottom:3px;left:0;right:0;background:#c69cff;box-shadow:0 0 15px #c76cff}.top-actions{display:flex;align-items:center;gap:26px}.network{display:flex;align-items:center;gap:9px;font-size:12px;color:#bab3ce;white-space:nowrap}.bnb-mark{font-size:26px;color:#ddd19d;line-height:1}.wallet-button{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:9px;background:#c3a1f5;color:#211039;font-size:13px;font-weight:600;box-shadow:0 0 25px #aa64ff20;transition:.2s}.wallet-button svg{width:17px;height:17px}.wallet-button:hover{background:#dfc5ff;box-shadow:0 0 25px #aa64ff45}.hero{height:440px;position:relative;isolation:isolate}.hero-copy{padding-top:47px;position:relative;z-index:3;width:46%;pointer-events:none}.hero-copy h1{font-size:clamp(48px,5.5vw,85px);line-height:1.23;letter-spacing:-2px;margin:0 0 20px;font-weight:750}.hero-copy h1 span{color:transparent;-webkit-text-stroke:1px #d3a1ff;text-shadow:0 0 30px #b06fff10}.hero-copy>p{font-size:17px;color:#bab0cf;letter-spacing:1px;margin:0 0 26px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #c290ec;background:#190d294d;padding:11px 22px;border-radius:30px;font-size:13px;color:#eed5ff;box-shadow:inset 0 0 12px #c35fff0a,0 0 16px #c35fff0e;transition:.2s;pointer-events:auto}.outline-button:hover{background:#b169ff26;box-shadow:0 0 25px #c35fff30}.outline-button svg{width:18px;height:18px}.hero-caption{display:flex;align-items:center;gap:13px;color:#625577;font-size:9px;letter-spacing:2.5px;margin-top:32px}.hero-caption>span{width:25px;height:1px;background:#765398}.vault-scene{position:absolute;top:-36px;left:26%;width:65%;height:505px;z-index:1;perspective:1100px}.vault-scene img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 52% 48%,black 45%,transparent 74%);animation:levitate 8s ease-in-out infinite;transition:transform .45s}.scene-caption{position:absolute;bottom:19px;left:49%;transform:translateX(-50%);font-size:8px;letter-spacing:4px;color:#7f5caa;white-space:nowrap}.ambient-orbit{position:absolute;width:72%;height:30%;left:16%;bottom:15%;border:1px solid #c989ff18;border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 90px #9b42fb14,inset 0 0 60px #7631bf16}.round-panel{width:220px;position:absolute;right:0;top:30px;z-index:4;border:1px solid #7867ad70;background:linear-gradient(145deg,#161327dc,#0a0a1dd9);box-shadow:0 20px 45px #02021166,inset 0 1px #d2a8ff13;border-radius:16px 5px 16px 5px;padding:22px;backdrop-filter:blur(16px)}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:18px;font-weight:600;margin:0}.panel-heading svg{width:18px;height:18px;color:#8d75b2}.ledger-row{padding:21px 0;border-bottom:1px solid #58507145}.ledger-row>span{display:block;color:#92869f;font-size:12px;margin-bottom:5px}.ledger-row strong{font-size:21px;font-weight:400;display:flex;align-items:center;gap:10px;color:#d7c8ec}.ledger-row .threshold{font-size:16px}.threshold b{font-weight:500;font-size:22px;color:#e0c2ff}.data-line{width:30px;height:1px;background:linear-gradient(90deg,#a590c5,transparent)}.ledger-status{display:flex;align-items:center;gap:10px;color:#a193b4;font-size:11px;padding-top:20px}.ledger-status i,.treasury-ledger>p i{height:7px;width:7px;border:1px solid #bd9ad9;border-radius:50%;display:inline-block}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;z-index:3}.section-heading h2{margin:0;font-size:23px;letter-spacing:.5px;line-height:1.4}.section-heading p{margin:4px 0 0;color:#8f85a3;font-size:13px}.quiet-button{display:flex;align-items:center;gap:10px;background:none;color:#a38cb8;font-size:12px}.quiet-button svg{width:16px;height:16px}.quiet-button:hover{color:#e1b8ff}.proposal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;border:0;perspective:1500px}.proposal-card{--card-accent:#b895f5;min-height:257px;border:1px solid #5b5475;border-radius:13px;position:relative;padding:23px 25px 18px;background:linear-gradient(130deg,#1b192fbb,#101020b3);box-shadow:inset 0 1px #d8c7ff10,0 10px 30px #0000001c;cursor:pointer;transition:transform .3s,border .3s,box-shadow .3s;overflow:hidden;transform-style:preserve-3d}.proposal-card:nth-child(2){--card-accent:#8fdde5}.proposal-card:nth-child(3){--card-accent:#e09cfa}.proposal-card:hover{transform:translateY(-5px);border-color:#b49cda;box-shadow:0 15px 35px #1b073644,inset 0 1px #edd6ff20}.proposal-card.selected{border-color:#d8baff;box-shadow:0 0 0 1px #b688f3,0 0 25px #a871ff22,inset 0 0 28px #8d48ff0d;background:linear-gradient(130deg,#30204777,#131122cc)}.proposal-card.selected:after{content:'';position:absolute;left:25px;right:25px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#d39aff,transparent);box-shadow:0 0 12px #cd93ff}.proposal-card input{position:absolute;width:1px;height:1px;opacity:0}.card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.card-number{font-size:30px;line-height:1;font-weight:400;letter-spacing:-1px;color:var(--card-accent)}.card-code{font-size:9px;letter-spacing:1.5px;color:#8e829e;padding-top:3px}.card-art{position:absolute;right:-13px;top:35px;width:53%;height:160px;background-image:url('assets/proposal-art.png');background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 32%,transparent 72%);opacity:.96;transition:transform .5s;pointer-events:none}.art-reserve{background-position:0% 50%}.art-distribute{background-position:50% 50%}.art-burn{background-position:100% 50%}.proposal-card:hover .card-art{transform:translateY(-6px) rotate(4deg)}.card-copy{position:relative;z-index:2;margin-top:25px}.card-copy h3{font-size:21px;font-weight:600;letter-spacing:.5px;margin:0 0 11px;line-height:1.3}.card-copy p{font-size:12px;line-height:1.8;color:#b0a3c2;margin:0;max-width:80%}.card-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;margin-top:23px;border-top:1px solid #60526e40;padding-top:13px}.card-bottom>span:first-child{font-size:10px;letter-spacing:1.8px;color:#82728e}.radio-mark{height:22px;width:22px;border:1px solid #90849f;border-radius:50%;display:grid;place-items:center}.radio-mark svg{width:14px;height:14px;opacity:0;stroke:#200c36;stroke-width:2}.selected .radio-mark{background:#d1b0ff;border-color:#ead8ff;box-shadow:0 0 0 4px #bb8deb18}.selected .radio-mark svg{opacity:1}.ballot-dock{position:relative;margin-top:27px;display:flex;align-items:center;gap:32px;padding:19px 23px 19px 30px;border:1px solid #8c76b7;border-radius:18px;background:linear-gradient(115deg,#4331655c,#15122acc 45%,#35265350);box-shadow:inset 0 0 0 5px #a48ad008,inset 0 1px #edddff59,0 0 35px #9045fa0b;overflow:hidden}.selection,.voting-power{display:flex;align-items:center;gap:24px}.selection{width:31%;border-right:1px solid #8c6dab55;padding-right:20px}.dock-label{font-size:12px;color:#a89abf;white-space:nowrap}.selection strong{font-weight:500;font-size:19px;white-space:nowrap}.voting-power{gap:22px}.voting-power strong{font-size:21px;font-weight:400;white-space:nowrap}.voting-power small{font-size:12px;margin-left:8px;color:#aca0c3}.primary-button{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #ddbbff;background:linear-gradient(105deg,#c9a2ff,#b797eb);color:#261137;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:600;margin-left:auto;min-width:270px;box-shadow:0 0 25px #b266ff25;transition:.2s}.primary-button:hover{background:#ddc2ff;box-shadow:0 0 30px #b266ff44}.primary-button svg{width:20px;height:20px}.primary-button .button-arrow{margin-left:14px;width:18px;height:18px}.dock-light{position:absolute;height:1px;width:40%;top:0;left:10%;background:linear-gradient(90deg,transparent,#dcb5ff,transparent)}footer{display:flex;justify-content:center;align-items:center;gap:19px;padding:29px 0 24px;font-size:11px;color:#8b7b9e;letter-spacing:2px;position:relative}.footer-wordmark{font-size:10px;letter-spacing:4px;font-family:'Syncopate',sans-serif}.footer-wordmark b{font-weight:400}.footer-motto{position:absolute;right:0;font-size:8px;color:#655475;letter-spacing:2.1px;display:flex;align-items:center;gap:12px}.footer-motto i{width:4px;height:4px;background:#8963ad;border-radius:50%}.hidden{display:none!important}.alternate-view{padding:48px 0 30px;min-height:840px}.view-title>span{font-size:10px;color:#a582c6;letter-spacing:3px}.view-title h1{font-size:48px;font-weight:600;line-height:1.3;letter-spacing:-1px;margin:18px 0}.view-title em{font-style:normal;color:#c5a6ff}.view-title p{font-size:15px;color:#a89cb9}.treasury-content{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.treasury-visual{height:420px}.treasury-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,black 45%,transparent 73%)}.treasury-ledger{max-width:420px}.treasury-ledger h2{font-size:24px;margin:0 0 12px}.treasury-ledger>div{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #51406255}.treasury-ledger>div>span{color:#a396b7}.treasury-ledger strong{font-size:26px;font-weight:400}.treasury-ledger small{font-size:12px;color:#9689a9;margin-left:8px}.treasury-ledger>p{font-size:12px;color:#9885ab;margin:22px 0}.treasury-ledger>p i{margin-right:8px}.rule-list{margin:38px 0 30px}.rule-list article{display:flex;align-items:center;gap:35px;border-top:1px solid #51436170;padding:30px 0}.rule-list article>span{color:#c3a0f1;font-size:30px;font-weight:400}.rule-list h2{margin:0 0 6px;font-size:19px;font-weight:500}.rule-list p{margin:0;max-width:820px;color:#a99ab8;font-size:14px}.rule-list article>svg{margin-left:auto;height:30px;width:30px;color:#82669d}dialog{color:var(--text);background:linear-gradient(145deg,#211630,#0d0b1d);border:1px solid #9270b1;border-radius:20px;box-shadow:0 25px 100px #0009,0 0 35px #a752ff15;width:min(440px,calc(100vw - 32px));padding:36px;margin:auto}dialog::backdrop{background:#050411b8;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:13px;top:13px;background:#b092e015;border:1px solid #9773b126;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#aa92bc}.close-dialog svg{width:17px;height:17px}.dialog-symbol{display:grid;place-items:center;background:linear-gradient(135deg,#c9acff33,#42296715);border:1px solid #a98ac751;border-radius:15px;width:53px;height:53px;color:#d9baff;box-shadow:inset 0 0 20px #b978ff15;margin:0 0 20px}.dialog-symbol svg{width:27px;height:27px}dialog h2{font-size:25px;margin:0 0 12px;font-weight:500}dialog p{font-size:14px;color:#b1a0bf;line-height:1.85;margin:12px 0}dialog .primary-button{width:100%;min-width:0;margin-top:25px;font-size:14px}dialog .dialog-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #6c48703a;font-size:13px;color:#a78ab4}dialog .dialog-row b{font-weight:400;color:#e3cfed}dialog .dialog-address{overflow-wrap:anywhere;font:12px/1.9 monospace;padding:13px;border:1px solid #75518440;border-radius:10px;background:#fff02}dialog .dialog-footnote{font-size:12px;color:#8c7899}.notice{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#dac1ff;color:#28123e;border:1px solid #eedcff;padding:12px 22px;border-radius:12px;box-shadow:0 10px 60px #0c031e;max-width:calc(100vw - 30px);font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.notice.visible{opacity:1;transform:translate(-50%,0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(min-width:1680px){.hero{height:510px}.hero-copy{padding-top:66px}.hero-copy h1{font-size:92px}.vault-scene{height:565px}.round-panel{top:55px}.proposal-card{min-height:280px}.card-art{height:190px}.card-copy{margin-top:31px}.card-copy p{font-size:14px}}
@media(max-width:1180px){:root{--rail:68px}.shell{padding:0 28px}.topbar nav{gap:22px}.top-actions{gap:16px}.network{display:none}.hero-copy h1{font-size:64px}.hero-copy>p{font-size:15px}.round-panel{width:190px;padding:18px;top:37px}.vault-scene{left:23%;width:71%}.hero{height:420px}.card-code{font-size:8px;letter-spacing:1px}.proposal-card{padding:20px 18px 16px;min-height:250px}.card-copy h3{font-size:19px}.card-copy p{font-size:11px}.card-art{right:-23px;width:61%;top:46px}.ballot-dock{gap:22px;padding:18px 20px}.selection{gap:15px;width:32%}.primary-button{min-width:210px}.voting-power{gap:15px}.footer-motto{display:none}}
@media(max-width:960px){.breadcrumb{font-size:11px}.topbar nav{gap:18px}.nav-button{font-size:13px}.wallet-button{padding:9px 12px}.hero{height:440px}.hero-copy{width:55%}.hero-copy h1{font-size:61px}.round-panel{top:215px;width:210px;padding:17px;right:0;background:#111026d9}.panel-heading h2{font-size:15px}.round-panel .ledger-row{padding:10px 0}.round-panel .ledger-row strong{font-size:18px}.round-panel .ledger-row .threshold{font-size:14px}.round-panel .ledger-row .threshold b{font-size:18px}.ledger-status{padding-top:10px;font-size:10px}.vault-scene{left:26%;width:76%;top:-53px;height:430px}.scene-caption{display:none}.hero-caption{font-size:8px}.proposal-grid{gap:12px}.proposal-card{padding:18px 14px 14px;min-height:278px}.card-art{height:124px;width:80%;right:-16px;top:25px;opacity:.8}.card-code{display:none}.card-copy{margin-top:49px}.card-copy h3{font-size:18px}.card-copy p{font-size:12px;max-width:100%;line-height:1.8}.card-bottom{margin-top:18px}.selection{flex-direction:column;align-items:flex-start;gap:4px;width:30%}.voting-power{flex-direction:column;align-items:flex-start;gap:3px}.primary-button{min-width:190px;font-size:14px}.ballot-dock{gap:24px}.treasury-content{gap:25px}}
@media(max-width:700px){:root{--rail:0px}.rail{display:none}.shell{padding:0 20px}.topbar{height:76px;gap:8px}.breadcrumb{font-family:'Syncopate',sans-serif;font-size:12px;letter-spacing:0}.breadcrumb span{margin:0 7px}.topbar nav{position:absolute;top:76px;left:0;right:0;height:53px;justify-content:flex-start;gap:29px;border-bottom:1px solid #2b233b;margin:0}.nav-button{font-size:13px;padding:14px 0}.top-actions{margin-left:auto}.wallet-button{padding:8px 13px;font-size:11px;border-radius:7px}.wallet-button svg{width:15px;height:15px}.hero{height:605px;margin-top:53px;overflow:clip}.hero-copy{padding-top:32px;width:100%}.hero-copy h1{font-size:clamp(43px,11vw,62px);letter-spacing:-1.5px;line-height:1.17;margin-bottom:13px}.hero-copy>p{font-size:13px;margin-bottom:18px;letter-spacing:.5px}.outline-button{font-size:12px;padding:8px 18px;gap:20px}.hero-caption{display:none}.vault-scene{left:2%;width:112%;height:362px;top:184px;z-index:1;pointer-events:none}.hero-copy{pointer-events:none}.round-panel{top:auto;bottom:17px;left:0;right:0;width:100%;padding:14px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-radius:12px;background:#171027bb;backdrop-filter:blur(15px)}.panel-heading{grid-column:1/-1}.panel-heading h2{font-size:14px}.panel-heading svg{width:16px;height:16px}.round-panel .ledger-row{padding:8px 0 0;border:0}.ledger-row>span{font-size:10px;margin-bottom:2px}.round-panel .ledger-row strong{font-size:16px}.round-panel .threshold{font-size:12px}.round-panel .threshold b{font-size:16px}.ledger-status{grid-column:1/-1;border-top:1px solid #78568926;margin-top:9px;padding-top:8px;font-size:10px}.section-heading{margin:10px 0 18px;align-items:flex-end}.section-heading h2{font-size:22px}.section-heading p{font-size:12px}.quiet-button{font-size:10px;gap:6px;padding:0 0 3px}.quiet-button svg{width:13px;height:13px}.proposal-grid{grid-template-columns:1fr;gap:15px}.proposal-card{min-height:206px;padding:21px 23px}.card-top{justify-content:flex-start;gap:16px}.card-number{font-size:25px}.card-code{display:block;font-size:9px;letter-spacing:1.5px}.card-art{width:170px;height:150px;right:0;top:18px;opacity:1}.card-copy{margin-top:15px}.card-copy h3{font-size:20px;margin-bottom:7px}.card-copy p{font-size:12px;max-width:76%}.card-bottom{margin-top:15px;padding-top:10px}.card-bottom>span:first-child{font-size:10px}.ballot-dock{flex-wrap:wrap;gap:18px;padding:20px;margin-top:23px;border-radius:14px}.selection{width:calc(55% - 10px);gap:5px}.voting-power{flex:1;gap:5px}.dock-label{font-size:11px}.selection strong{font-size:18px}.voting-power strong{font-size:20px}.primary-button{width:100%;min-width:0;padding:13px;font-size:14px;border-radius:8px}.primary-button .button-arrow{margin-left:10px}footer{padding:25px 0;gap:13px;font-size:9px;letter-spacing:1px}.footer-wordmark{font-size:8px;letter-spacing:2px}.alternate-view{padding-top:83px;min-height:730px}.view-title h1{font-size:34px;letter-spacing:-.5px;margin:12px 0}.view-title>span{font-size:9px;letter-spacing:2px}.view-title p{font-size:13px}.treasury-content{grid-template-columns:1fr;gap:0}.treasury-visual{height:280px;margin-top:-15px}.treasury-ledger{width:100%;max-width:none}.treasury-ledger h2{font-size:21px}.treasury-ledger>div{padding:15px 0}.treasury-ledger>div>span{font-size:13px}.rule-list{margin-top:25px}.rule-list article{gap:20px;padding:22px 0;align-items:flex-start}.rule-list article>span{font-size:23px}.rule-list article>svg{display:none}.rule-list h2{font-size:17px}.rule-list p{font-size:13px;line-height:1.9}.rule-list article>div{flex:1}dialog{padding:29px}dialog h2{font-size:22px}dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
