@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-main:#050505;--blue:#027aff;--blue-hover:#o27aff;--text-main:#fff;--text-primary:hsla(0,0%,100%,.7);--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.55);--border:hsla(0,0%,100%,.1)}*{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;justify-content:center;margin-top:100px;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:#050505}body:before{content:"";top:0;height:10px;z-index:999;pointer-events:none}.main-container{margin-top:84px}.header-left{display:flex;align-items:center;gap:10px}.header-logo{width:50px;height:50px;border-radius:8px}.header-title{font-size:24px;font-weight:600;color:var(--text-secondary)}.connect-btn,.header-right{display:flex;align-items:center}.connect-btn{background:#027aff;color:#fff;border:none;padding:10px 30px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 0 0 1px hsla(0,0%,95%,.08);justify-content:center;font-family:Inter,sans-serif}.connect-btn:hover{background:#027aff;box-shadow:0 0 0 1px hsla(0,0%,95%,.15);transform:translateY(-1px)}.connect-btn.connected{background:#050505}.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:none;border-radius: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:22px;font-weight:700;color:var(--text-primary);text-align:center;padding:10px 12px;background:transparent;border:none;box-shadow:none;margin-bottom:0;margin-top:10px}.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 var(--border);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;background:hsla(0,0%,100%,.15);border:none;font-size:8px;padding:4px 3px;border-radius:6px;font-weight:600;cursor:pointer}.balance-box,.staking-max-btn{color:var(--text-secondary);flex-shrink:0}.balance-box{width:140px;height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;border:1px solid var(--border);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 var(--border);border-radius:12px;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 #2f2f2f;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 var(--border);border-radius:12px;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-bottom:1px solid hsla(0,0%,100%,.06);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-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;color:var(--text-muted);transition:transform .25s ease;width:15px;height:15px;display:inline-block;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:32px;right:0;background:#0f0f0f;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:6px 0;max-height:200px;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.5)}.lang-option{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;font-size:10px}.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{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) transparent}.lang-dropdown::-webkit-scrollbar{width:3px}.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)}.lang-selector{margin-top:20px;display:flex;justify-content:flex-end;position:relative}@media (max-width:400px){.staking-card .connect-btn{height:40px;padding:0 12px;font-size:14px;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}