@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-main:#000;--card-bg:#152d67;--primary-btn:#1ea7ff;--primary-btn-hover:#35b4ff;--text-main:#fff;--text-primary:hsla(0,0%,100%,.82);--text-secondary:hsla(0,0%,100%,.72);--text-muted:hsla(0,0%,100%,.58);--glass-border:rgba(2,122,255,.25);--input-bg:rgba(2,122,255,.08);--input-border:rgba(2,122,255,.25);--hover-bg:rgba(2,122,255,.1);--success:#00c853;--error:#ff1744;--glow-primary:rgba(2,122,255,.15);--glow-primary-strong:rgba(2,122,255,.25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-main);color:var(--text-secondary);min-height:100vh;font-size:10px}body:before{inset:0;background:none;z-index:0}.main-container{display:flex;flex-direction:column;align-items:center;margin-top:110px;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 50px;top:10px;z-index:1000}.header,body:before{position:fixed;left:0;right:0;background:#000}body:before{content:"";top:0;height:10px;z-index:999;pointer-events:none}.header-left{display:flex;align-items:center;gap:10px}.header-logo{width:50px;height:50px;border-radius:8px}.header-title{font-size:clamp(10px,2vw,24px);font-weight:600;color:var(--text-secondary)}.header-nav{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;gap:32px}.header-nav a{color:var(--text-primary);text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap;transition:.25s ease}.header-nav a:hover{color:#027aff}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.menu-toggle{display:none;width:44px;height:44px;flex:0 0 44px;padding:0;background:transparent;border:none;border-radius:12px;align-items:center;justify-content:center;cursor:pointer;transition:.25s;position:relative;z-index:5000}.menu-toggle svg{width:30px;height:30px}.menu-toggle svg path{stroke:#fff;stroke-width:3;transition:.2s}.menu-toggle:hover{background:hsla(0,0%,100%,.05)}.menu-toggle:hover svg path{stroke:#fff}.mobile-menu{position:absolute;top:calc(100% + 10px);right:0;display:flex;flex-direction:column;width:170px;padding:8px;background:rgba(17,17,20,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.55);animation:menuFade .18s ease;z-index:3000}.mobile-menu a{display:flex;align-items:center;justify-content:center;height:42px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;border-radius:10px;transition:.2s}.mobile-menu a:hover{background:rgba(2,122,255,.1);color:#fff}.menu-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;color:#fff;font-size:22px;font-weight:700;cursor:pointer;z-index:9999}@keyframes menuFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.header{padding:0 10px}.header-left{gap:6px}.header-nav{gap:18px}.header-right{margin-left:20px}}@media (max-width:650px){.header{padding:0 10px}.header-nav{display:none!important}.header-right{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative;flex-shrink:0}.menu-toggle{display:flex!important}}.connect-btn{background:#027aff;color:#fff;border:none;padding:clamp(10px,.9vw,12px) clamp(14px,1.2vw,18px);border-radius:20px;font-size:clamp(11px,.9vw,14px);font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 0 0 1px hsla(0,0%,95%,.08);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;white-space:nowrap}.connect-btn:hover{background:#027aff;box-shadow:0 0 0 1px hsla(0,0%,95%,.15);transform:translateY(-1px)}.connect-btn.connected{background:#000}.staking-card .connect-btn{width:100%;height:48px;border-radius:50px;padding:0;font-size:16px}.staking-card{width:100%;max-width:520px;min-height:clamp(480px,55vh,560px);background:#191b1f;border:2px solid rgba(2,122,255,.12);border-radius:15px;margin-bottom:20px;box-shadow:0 30px 80px rgba(0,0,0,.9),0 0 0 1px hsla(0,0%,95%,.08),inset 0 0 40px hsla(0,0%,100%,.02);backdrop-filter:blur(20px);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:20px;color:var(--text-secondary)}.staking-title{font-size:clamp(16px,2vw,22px);font-weight:700;color:var(--text-primary);text-align:center;padding:10px 12px;background:transparent;border:none;box-shadow:none;margin-bottom:-10px;margin-top:-15px}.staking-info-text{font-size:12px;color:var(--text-secondary)}.staking-amount-container{display:flex;gap:10px}.staking-input{flex:1;height:52px;background:#000;border:1px solid rgba(2,122,255,.12);border-radius:10px;padding:0 12px;overflow:hidden}.amount-header,.staking-input{display:flex;align-items:center}.amount-header{justify-content:space-between;width:100%;flex-wrap:nowrap}.amount-header-main{position:relative;display:flex;align-items:center;gap:8px;flex:1;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.amount-floating-label{position:absolute;top:-10px;left:38px;font-size:9px;color:var(--text-secondary);pointer-events:none}.amount-header-main span{white-space:nowrap}.amount-token-logo{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.staking-amount-input{background:transparent;border:none;outline:none;width:100%;font-size:11px!important;line-height:1;height:auto}.amount-value,.staking-amount-input{color:var(--text-secondary);font-weight:500;display:flex;align-items:center}.amount-value{font-size:11px}.staking-max-btn{margin-left:auto;border:1px solid rgba(2,122,255,.12);font-size:8px;padding:4px 3px;border-radius:6px;font-weight:600;cursor:pointer}.balance-box,.staking-max-btn{background:#000;color:var(--text-secondary);flex-shrink:0}.balance-box{width:140px;height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid rgba(2,122,255,.12);border-radius:12px}.staking-amount-input::placeholder{color:hsla(0,0%,100%,.6);opacity:1}.amount-header.active .staking-amount-input::placeholder{opacity:0}.staking-current-era{display:flex;justify-content:space-between;align-items:center;font-size:12px}.era-title{color:var(--text-secondary);font-size:12px}.era-text{font-size:11px}.era-apr,.era-text{font-weight:600;color:var(--text-secondary)}.era-apr{font-size:10px;transform:translateX(-5px)}.progress-bar{height:6px;background:#000;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:#027aff}.staking-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staking-stat-box{background:#000;border:1px solid rgba(2,122,255,.12);border-radius:10px;padding:14px;text-align:center;color:var(--text-secondary)}.stat-label,.stat-value{color:var(--text-secondary);font-size:10px}.stat-value{font-weight:600}.staking-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staking-btn{height:44px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#000;border:1px solid rgba(2,122,255,.12);color:hsla(0,0%,100%,.75)}.staking-btn:hover{background:#000;border:1px solid #o27aff;color:#fff;transform:translateY(-1px);box-shadow:none}.staking-btn:active{transform:translateY(0);border:1px solid #2f2f2f}.eras-toggle{width:100%;height:48px;background:#000;border:1px solid rgba(2,122,255,.12);border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;color:var(--text-secondary)}.eras-toggle:after{content:"";display:block;flex-shrink:0;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='6,9 12,15 18,9' fill='white'/%3E%3C/svg%3E")}.eras-toggle svg,.eras-toggle:after{width:21px;height:21px}.eras-toggle i{font-size:21px}.era-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.eras-list{background:#000;border:1px solid var(--border);border-radius:12px;overflow:hidden}.era-card{border:none;border:1px solid rgba(2,122,255,.12);border-radius:0;background:transparent;padding:10px;color:var(--text-secondary)}.era-card:last-child{border-bottom:none}.eras-toggle i,.eras-toggle span:last-child,.eras-toggle svg{display:none}.wallet-overlay{position:fixed;inset:0;background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:9998}.wallet-dropdown{position:fixed;top:80px;right:50px;left:auto;transform:none;width:180px;max-width:180px;background:#0f0f0f;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:12px;z-index:9999;box-shadow:0 20px 80px rgba(0,0,0,.8);animation:dropdownFadeIn .2s ease}.wallet-dropdown,.wallet-dropdown-item{font-size:12px;color:var(--text-secondary)}.wallet-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 10px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none;background:transparent;font-family:Inter,sans-serif;font-weight:500}.wallet-dropdown-item:hover{background:var(--hover-bg);color:var(--text-secondary)}.wallet-dropdown-item img{width:22px;height:22px;border-radius:6px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.disconnect-overlay{position:absolute;top:calc(100% + 8px);right:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;background:#000;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:8px 10px;z-index:2000;width:auto;max-width:220px;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:dropdownFadeIn .2s ease}.disconnect-overlay div{font-size:11px;color:var(--text-secondary);font-weight:600;padding:4px 2px}.disconnect-btn{display:flex;align-items:center;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none;background:transparent;color:#ff1744;font-family:Inter,sans-serif;font-size:10px;font-weight:600}.disconnect-btn:hover{background:rgba(255,23,68,.08)}@media (max-width:600px){.main-container{margin-top:90px;padding:0 10px}.header{padding:0 12px;height:56px}.connect-btn,.header-title{font-size:16px}.connect-btn{padding:8px 14px}}@media (max-width:375px){.staking-title{font-size:16px}.header{height:56px;padding:0 12px}.header-logo{width:40px;height:40px}.connect-btn,.header-title{font-size:14px}.connect-btn{padding:6px 14px}.main-container{margin-top:75px;padding:0 10px}.staking-card{min-height:clamp(440px,88vh,500px);padding:14px;border-radius:18px;gap:16px}.staking-info-text{font-size:11px}.staking-input{height:46px}.balance-box{height:46px;width:120px;font-size:11px}.staking-btn{height:40px;font-size:13px}.staking-actions{gap:8px}.staking-stat-box{padding:10px;font-size:11px}}@media (max-width:320px){.header{height:52px;padding:0 10px}.header-logo{width:36px;height:36px}.header-title{font-size:15px}.connect-btn{font-size:12px;padding:7px 14px}.main-container{margin-top:72px;padding:0 8px}.staking-card{min-height:clamp(420px,85vh,480px);padding:12px;border-radius:16px;gap:14px}.staking-info-text{font-size:10px}.staking-input{height:42px}.balance-box{height:42px;width:100px;font-size:10px}.staking-btn{height:36px;font-size:12px}.staking-stat-box{padding:8px;font-size:10px}}@media (max-width:290px){.header{height:48px;padding:0 8px}.header-logo{width:23px;height:23px}.header-title{font-size:13px}.connect-btn{font-size:12px;padding:6px 12px}.main-container{margin-top:70px;padding:0 6px}.staking-card{min-height:clamp(400px,82vh,460px);padding:10px;border-radius:14px;gap:12px}.staking-info-text{font-size:9px}.staking-input{height:38px}.balance-box{height:38px;width:90px;font-size:9px}.staking-btn{height:32px;font-size:11px}.staking-stat-box{padding:6px;font-size:9px}}.lang-selector{margin-top:20px;display:flex;justify-content:flex-end;position:relative}.lang-current{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer}.lang-current img{width:32px;height:22px;object-fit:cover;border-radius:4px}.lang-code{font-size:10px;font-weight:600;color:var(--text-secondary)}.lang-arrow{font-size:0;width:15px;height:15px;display:inline-block;color:var(--text-muted);transition:transform .25s ease;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='6,9 12,15 18,9' fill='white'/%3E%3C/svg%3E")}.lang-arrow.open{transform:rotate(180deg)}.lang-dropdown{position:absolute;bottom:42px;right:0;background:#000;border:2px solid rgba(2,122,255,.12);border-radius:8px;padding:6px 0;max-height:200px;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.5);scrollbar-width:thin;scrollbar-color:rgba(2,122,255,.12) transparent}.lang-option{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:transparent;border:none;color:var(--text-secondary);text-align:left;font-size:10px;cursor:pointer}.lang-option:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.lang-option img{width:22px;height:14px;object-fit:cover;border-radius:3px}.lang-dropdown::-webkit-scrollbar{width:2px}.lang-dropdown::-webkit-scrollbar-track{background:transparent}.lang-dropdown::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:10px}.lang-dropdown::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}.staking-card .connect-btn{height:clamp(40px,4vw,48px);padding:0 clamp(12px,1.2vw,18px);font-size:clamp(14px,1vw,16px);display:flex;align-items:center;justify-content:center}button{-webkit-tap-highlight-color:transparent!important}button:active,button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}button:active{background:inherit!important}button::-moz-focus-inner{border:0}.stake-buttons .action-button,.stake-buttons .btn,.stake-buttons button{-webkit-tap-highlight-color:transparent!important;outline:none!important;box-shadow:none!important}.stake-buttons .action-button:active,.stake-buttons .btn:active,.stake-buttons button:active{background:inherit!important;box-shadow:none!important;outline:none!important}.community-footer{width:100%;max-width:1200px;margin:20px auto 40px;padding:0 clamp(12px,2vw,20px)}.community-title{width:100%;margin-bottom:clamp(20px,3vw,30px);text-align:center;font-size:clamp(16px,1.3vw,20px);font-weight:700;color:#fff;letter-spacing:2px}.community-social{flex-wrap:wrap;gap:clamp(14px,2vw,24px);margin-bottom:clamp(25px,3vw,35px)}.community-social,.community-social a{display:flex;justify-content:center;align-items:center}.community-social a{width:clamp(52px,4vw,64px);height:clamp(52px,4vw,64px);border-radius:50%;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);transition:.25s ease}.community-social a:hover{transform:translateY(-2px);border-color:rgba(2,122,255,.45);background:rgba(2,122,255,.1)}.community-social img{width:clamp(22px,2vw,28px);height:clamp(22px,2vw,28px);object-fit:contain;display:block}.community-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(14px,2vw,24px);text-align:center}.community-links a{font-size:clamp(12px,.9vw,14px);font-weight:500;color:#d6d6d6;text-decoration:none;transition:.25s ease}.community-links a:hover{color:#027aff}@media (max-width:900px){.community-footer{margin:20px auto 30px}.community-social{gap:16px}.community-links{gap:14px}}@media (max-width:500px){.connect-btn{height:34px;padding:5px 10px;font-size:11px;border-radius:18px}}