.navbar-wrapper{position:fixed;top:20px;left:50%;transform:translate(-50%);width:100%;display:flex;justify-content:center;z-index:1000}.navbar{width:90%;max-width:1250px;height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 28px;border-radius:22px;background:linear-gradient(135deg,#9d4edd47,#ff9f1c2e);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 40px #9d4edd73,0 0 70px #ff9f1c4d}.logo-box{display:flex;align-items:center}.logo-img{height:54px;width:auto;border-radius:12px;filter:drop-shadow(0 0 18px rgba(199,125,255,.8)) drop-shadow(0 0 32px rgba(255,159,28,.5));transition:.25s ease}.logo-img:hover{transform:scale(1.1)}.nav-links{justify-self:center;display:flex;gap:28px;list-style:none}.nav-links a,.dropdown-title{font-size:15px;font-weight:600;color:#eee;cursor:pointer;transition:.25s}.nav-links a:hover,.dropdown-title:hover{color:#ffb703;text-shadow:0 0 12px rgba(255,183,3,.8)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:40px;left:0;min-width:170px;padding:14px;background:#0a001ef2;border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #9d4edd73;display:flex;flex-direction:column;gap:12px}.dropdown-menu a{font-size:14px;color:#fff}.dropdown-menu a:hover{color:#4cc9f0}.wallet-btn{justify-self:end;padding:10px 22px;border-radius:16px;font-weight:700;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#9d4edd,#ff9f1c);box-shadow:0 0 22px #9d4eddb3,0 0 38px #ff9f1c99;transition:.25s}.wallet-btn:hover{transform:scale(1.07)}.burger{display:none;flex-direction:column;gap:6px;cursor:pointer;background:none;border:none}.burger span{width:26px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff4ecd,#7c3aed);transition:.3s ease}.burger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-wallet{display:none}@media(max-width:900px){.navbar{grid-template-columns:auto auto;height:64px;padding:0 18px}.burger{display:flex}.desktop-only{display:none}.nav-links{position:fixed;top:100px;left:50%;transform:translate(-50%) scale(.95);width:calc(100% - 40px);flex-direction:column;gap:22px;padding:26px;background:#0f0523e6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:26px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 60px #9d4edd8c;opacity:0;pointer-events:none;transition:.35s ease}.nav-links.open{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.nav-links li{text-align:center}.nav-links a,.dropdown-title{font-size:18px}.dropdown-menu{position:static;margin-top:10px;background:#190a32d9}.mobile-wallet{display:block}.wallet-btn{width:100%;justify-content:center}}.footer{margin-top:120px;background:#0a0519a6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid rgba(255,255,255,.08)}.footer-glow{height:1px;background:linear-gradient(90deg,transparent,#ff4ecd,#7c3aed,transparent);opacity:.7}.footer-simple{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-inner{max-width:1200px;margin:auto;padding:50px 24px}.footer-brand img{width:48px;margin-bottom:10px;filter:drop-shadow(0 0 16px rgba(157,78,221,.6))}.footer-brand h3{font-size:17px;font-weight:800;margin-bottom:6px}.footer-brand p{font-size:13px;line-height:1.6;opacity:.7}.footer-meta span{display:block;font-size:12px;opacity:.6;margin-bottom:6px}.footer-meta strong{font-size:14px}.footer-badge{margin-top:10px;display:inline-block;padding:6px 14px;border-radius:999px;background:#ffb70326;color:#ffb703;font-size:11px;font-weight:800;box-shadow:0 0 25px #ffb70359}.footer-bottom{text-align:center;padding:16px 10px;font-size:12px;opacity:.55;border-top:1px solid rgba(255,255,255,.05)}@media(max-width:800px){.footer-simple{flex-direction:column;text-align:center}}.dimension{min-height:100vh;padding:160px 20px 120px;display:flex;flex-direction:column;align-items:center;overflow:hidden;color:#fff}.energy-field{position:relative;width:720px;height:720px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(157,78,221,.35),transparent 65%)}.ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(157,78,221,.25);animation:spin linear infinite}.r1{animation-duration:40s}.r2{transform:scale(1.15);border-color:#f7258540;animation-duration:65s}.r3{transform:scale(1.3);border-color:#4cc9f040;animation-duration:95s}@keyframes spin{0%{transform:rotate(0) scale(var(--s,1))}to{transform:rotate(360deg) scale(var(--s,1))}}.core-logo-4d{width:170px;z-index:2;filter:drop-shadow(0 0 60px rgba(157,78,221,.9)) drop-shadow(0 0 140px rgba(247,37,133,.6));animation:floatCore 6s ease-in-out infinite}@keyframes floatCore{0%{transform:translateY(0)}50%{transform:translateY(-22px)}to{transform:translateY(0)}}.core-text-4d{margin-top:30px;font-size:68px;font-weight:900;letter-spacing:4px;z-index:2;background:linear-gradient(120deg,#ff4ecd,#9d4edd,#4cc9f0,#ff4ecd);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:flowText 6s ease infinite;text-shadow:0 0 50px rgba(157,78,221,.8)}@keyframes flowText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.core-desc-4d{margin-top:16px;font-size:15px;text-align:center;line-height:1.8;color:#e6dbff;z-index:2;animation:breath 5s ease-in-out infinite}@keyframes breath{0%{opacity:.65}50%{opacity:1}to{opacity:.65}}.core-tag{margin-top:28px;padding:14px 36px;border-radius:999px;z-index:2;background:#ffb7032e;color:#ffb703;font-weight:900;letter-spacing:1px;box-shadow:0 0 40px #ffb70380;animation:glow 4s ease-in-out infinite}@keyframes glow{0%{box-shadow:0 0 20px #ffb7034d}50%{box-shadow:0 0 60px #ffb703b3}to{box-shadow:0 0 20px #ffb7034d}}.presence-4d{margin-top:80px;display:flex;gap:40px;padding:28px 46px;background:#140a28a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;box-shadow:0 20px 70px #0009}.presence-4d div{display:flex;flex-direction:column;gap:6px;opacity:.9}.ranking-4d{margin-top:90px;width:900px}.rank-node{display:grid;grid-template-columns:120px 1fr 200px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rank-node.me{background:linear-gradient(90deg,#9d4edd40,#f725852e);border-radius:14px}.rank-num{opacity:.6}.rank-wallet{opacity:.85}.rank-energy{font-weight:800}.stake-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding-top:120px;background:radial-gradient(circle at 20% 10%,#7c3aed33,transparent 40%),radial-gradient(circle at 80% 90%,#ff4ecd33,transparent 40%),linear-gradient(180deg,#05010d,#0a0418);color:#fff}.stake-card{width:460px;background:#140a28bf;border-radius:28px;padding:34px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(124,58,237,.25);box-shadow:0 40px 120px #0009,inset 0 0 0 1px #ffffff08}.stake-header{text-align:center;margin-bottom:28px}.stake-header h1{font-size:36px;font-weight:800;background:linear-gradient(90deg,#ff4ecd,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stake-header p{font-size:14px;color:#bdaeff;margin-top:6px}label{font-size:13px;color:#c9baff;margin-bottom:6px;display:block}select{width:100%;padding:14px;border-radius:14px;background:#120820;border:1px solid #2f1a5a;color:#fff;margin-bottom:18px}.balance-line{font-size:13px;color:#cbbcff;margin-bottom:10px}.amount-input{display:flex;align-items:center;background:#120820;border-radius:14px;border:1px solid #2f1a5a;padding:14px;margin-bottom:14px}.amount-input input{flex:1;background:none;border:none;color:#fff;font-size:22px;outline:none}.amount-input span{opacity:.6;font-size:14px}.percent-buttons{display:flex;gap:10px;margin-bottom:22px}.percent-buttons button{flex:1;padding:10px;border-radius:12px;background:#1c1035;border:1px solid #3b2075;color:#d9ceff;cursor:pointer}.percent-buttons button:hover{background:#2a1555}.stake-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#0a051999;border-radius:16px;padding:14px;margin-bottom:10px}.stake-stats div{text-align:center}.stake-stats span{font-size:11px;opacity:.6}.stake-stats strong{display:block;margin-top:6px;font-size:15px}.primary-btn{width:100%;padding:18px;border-radius:18px;border:none;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(90deg,#ff4ecd,#7c3aed);cursor:pointer;box-shadow:0 0 40px #7c3aed55}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 0 60px #ff4ecd88}.action-row{display:flex;gap:12px;margin-bottom:22px}@media(max-width:768px){.stake-card{width:100%;padding:24px}.stake-stats{grid-template-columns:1fr;gap:12px}.action-row{flex-direction:column}}@media(max-width:480px){.stake-header h1{font-size:28px}.amount-input input{font-size:18px}}html,body{margin:0;padding:0;min-height:100vh;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background:#05010d;color:#fff}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}:root{--bg-dark: #050010;--bg-purple: #1a0033;--purple-main: #9d4edd;--purple-glow: #c77dff;--orange-main: #ff9f1c;--orange-glow: #ffb703;--pink: #f72585;--blue: #4cc9f0}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(157,78,221,.3),transparent 40%),radial-gradient(circle at 85% 25%,rgba(255,159,28,.22),transparent 45%),radial-gradient(circle at 50% 85%,rgba(247,37,133,.18),transparent 45%),linear-gradient(180deg,#1a0033,#050010);min-height:100vh;overflow-x:hidden}h1,h2,h3{margin:0;font-weight:800;letter-spacing:.5px}h1{font-size:48px}h2{font-size:32px}.glow-text{color:var(--purple-glow);text-shadow:0 0 10px rgba(199,125,255,.8),0 0 25px rgba(157,78,221,.6)}.page{padding:60px 80px}.card{background:linear-gradient(135deg,#9d4edd24,#ff9f1c1a);border-radius:22px;padding:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 35px #9d4edd59,inset 0 0 25px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.neon-btn{padding:14px 30px;border-radius:18px;font-weight:700;font-size:15px;color:#fff;border:none;cursor:pointer;background:linear-gradient(135deg,var(--purple-main),var(--orange-main));box-shadow:0 0 25px #9d4edd99,0 0 45px #ff9f1c66;transition:.3s ease}.neon-btn:hover{transform:scale(1.07);box-shadow:0 0 45px #c77dffe6,0 0 70px #ffb703b3}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--purple-main),var(--orange-main));border-radius:10px}::-webkit-scrollbar-track{background:#050010}@media(max-width:768px){body{font-size:14px}h1{font-size:34px}h2{font-size:26px}.page{padding:40px 20px}.card{padding:20px;border-radius:18px}.neon-btn{width:100%;padding:16px;font-size:15px}}@media(max-width:480px){h1{font-size:28px}h2{font-size:22px}.page{padding:30px 16px}}