.staking-container{margin:0 auto;max-width:500px;width:100%}.staking-container .glass-card{-webkit-backdrop-filter:blur(5px) saturate(100%);backdrop-filter:blur(5px) saturate(100%);background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0));border:1px solid hsla(0,0%,100%,.4);border-radius:25px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 0 80px rgba(9,105,123,.05),inset 0 2px 0 hsla(0,0%,100%,.8);overflow:hidden;padding:24px 28px;position:relative}.staking-container .glass-card:before{animation:shine 2s ease-in-out infinite;background:linear-gradient(105deg,transparent 20%,hsla(0,0%,100%,.2) 50%,transparent 60%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}.staking-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.staking-container .header-left h3{color:rgba(0,0,0,.85);font-size:24px;font-weight:600;margin-bottom:2px}.staking-container .header-left p{color:rgba(0,0,0,.6);font-size:14px}.staking-container .coin-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.5));border:1px solid hsla(0,0%,100%,.6);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.8);cursor:pointer;display:flex;gap:8px;padding:10px 18px;transition:all .3s ease}.staking-container .coin-badge:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.6));box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.9);transform:translateY(-1px)}.staking-container .coin-icon{align-items:center;background:linear-gradient(135deg,#9333ea,#6366f1);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.staking-container .stats-section{margin-bottom:24px;position:relative;z-index:1}.staking-container .stats-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.staking-container .stat-label{color:rgba(0,0,0,.5);font-size:13px;margin-bottom:4px}.staking-container .stat-value{color:rgba(0,0,0,.85);font-size:22px;font-weight:600}.staking-container .stat-value span{color:rgba(0,0,0,.5)}.staking-container .reward-percentage{color:#09697b;text-shadow:0 0 15px rgba(9,105,123,.4)}.staking-container .slider-container{margin:20px 0 24px;position:relative;z-index:1}.staking-container .range-slider{height:6px;margin:12px 0;position:relative}.staking-container input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,.08);border-radius:6px;height:6px;outline:none;position:relative;width:100%;z-index:2}.staking-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#09697b,#094856);border-radius:50%;box-shadow:0 0 16px rgba(9,105,123,.6),inset 0 0 0 2px hsla(0,0%,100%,.2);cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.staking-container input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 24px rgba(9,105,123,.8);transform:scale(1.1)}.staking-container input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#09697b,#094856);border:none;border-radius:50%;box-shadow:0 0 16px rgba(9,105,123,.6);cursor:pointer;height:20px;width:20px}.staking-container .range-slider__progress{background:linear-gradient(90deg,#09697b,#094856);border-radius:6px;box-shadow:0 0 12px rgba(9,105,123,.4);height:6px;left:0;pointer-events:none;position:absolute;top:0;width:var(--progress,33%)}.staking-container .earnings-container{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4));border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.6);margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative;z-index:1}.staking-container .earnings-container:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 50%,transparent);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.staking-container .earning-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0;position:relative}.staking-container .earning-row:not(:last-child):after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.05) 20%,rgba(0,0,0,.05) 80%,transparent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.staking-container .earning-label{color:rgba(0,0,0,.6);font-size:14px}.staking-container .earning-value{align-items:center;display:flex;font-size:14px;gap:12px}.staking-container .sol-amount{color:rgba(0,0,0,.8);font-weight:500}.staking-container .usd-amount{color:rgba(0,0,0,.4);font-size:13px}.staking-container .cta-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(9,105,123,.6),#094856 50%,rgba(9,105,123,.6));border:1px solid rgba(9,105,123,.3);border-radius:14px;box-shadow:0 4px 20px rgba(9,105,123,.25),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 16px;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s ease;transition:left .5s ease!important;width:100%}.staking-container .cta-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.staking-container .cta-button:hover{background:linear-gradient(135deg,rgba(9,105,123,.9),rgba(9,72,86,.9));box-shadow:0 6px 30px rgba(9,105,123,.35),inset 0 1px 0 hsla(0,0%,100%,.4);transform:translateY(-2px)}.staking-container .cta-button:hover:before{left:100%}.staking-container .cta-button:active{box-shadow:0 2px 10px rgba(9,105,123,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.staking-container .range-slider input{top:-11px!important}