.staking-hero{width:min(1220px,calc(100% - 40px));min-height:560px;margin:0 auto;padding:70px 0 45px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px}
.staking-hero-copy h1{margin:.35rem 0 1.2rem;color:#eef8ff;font-size:clamp(3rem,7vw,5.8rem);line-height:.95;letter-spacing:-.055em}
.staking-hero-copy>p:not(.staking-eyebrow){max-width:620px;color:#9fb4c8;font-size:1.05rem;line-height:1.85}
.staking-eyebrow{color:#38bdf8;font-size:.76rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.staking-hero-action{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding:.85rem 1.15rem;border:1px solid #28618d;border-radius:12px;background:rgba(8,34,59,.72);color:#dff5ff;font-weight:750;transition:.25s}
.staking-hero-action:hover{transform:translateY(-3px);border-color:#38bdf8;box-shadow:0 15px 34px rgba(14,165,233,.18);background:linear-gradient(135deg,#0b3154,#123d66)}
.staking-visual{position:relative;min-width:0}.staking-visual::after{content:"";position:absolute;inset:15% 8%;z-index:-1;border-radius:50%;background:rgba(14,165,233,.13);filter:blur(55px)}
.staking-visual img{width:100%;max-height:500px;object-fit:cover;border-radius:28px;border:1px solid rgba(56,189,248,.22);box-shadow:0 35px 90px rgba(0,0,0,.35)}
.staking-yield-badge{position:absolute;top:8%;right:2%;z-index:2;display:grid;padding:.75rem 1rem;border:1px solid #2a638e;border-radius:14px;background:rgba(4,20,36,.86);backdrop-filter:blur(14px);box-shadow:0 16px 36px rgba(0,0,0,.35);transform:rotate(3deg)}
.staking-yield-badge span{color:#829db5;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.staking-yield-badge strong{color:#7dd3fc;font-size:1.45rem}
.staking-plans{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:65px 0 90px}.staking-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.2rem}
.staking-section-heading h2,.active-plans h2{margin:.35rem 0 0;color:#eef7ff;font-size:clamp(2rem,4vw,3rem)}
.staking-search{min-width:320px;max-width:420px}.staking-period-note{color:#7893aa;margin:0 0 1.2rem}
.staking-table-shell{overflow:hidden;border:1px solid #1d4c73;border-radius:18px;background:rgba(5,22,39,.88);box-shadow:0 25px 70px rgba(0,0,0,.26)}
.staking-table-head,.staking-row{display:grid;grid-template-columns:1.1fr 2.4fr .8fr 1.05fr .8fr;align-items:center;gap:1rem}.staking-table-head{padding:1rem 1.2rem;background:#0b2945;color:#86a5bf;font-size:.7rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.staking-row{min-height:86px;padding:.8rem 1.2rem;border-top:1px solid rgba(29,76,115,.5);transition:background .2s}.staking-row:hover{background:rgba(18,55,86,.45)}
.staking-asset{display:flex;align-items:center;gap:.75rem;min-width:0}.staking-asset img,.staking-asset-fallback,.stake-option img,.stake-option-fallback{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:contain;background:#0b2945;box-shadow:0 0 0 1px #285b82}.stake-asset-trigger>img,.stake-asset-trigger>.stake-option-fallback{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:contain;background:#0b2945;box-shadow:0 0 0 1px #285b82}
.staking-asset-fallback,.stake-option-fallback{display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#0ea5e9,#2563eb)}.staking-asset strong{display:block;color:#f1f8ff}.staking-asset small{color:#7893aa}
.staking-periods{display:flex;gap:.4rem}.staking-period,.stake-modal-period{min-width:57px;padding:.55rem .45rem;border:1px solid #294b68;border-radius:9px;background:#071a2c;color:#aac0d3;text-align:center;transition:.2s}
.staking-period span,.stake-modal-period span{display:block;color:#708ca5;font-size:.65rem}.staking-period:hover,.staking-period.active,.stake-modal-period:hover,.stake-modal-period.active{border-color:#38bdf8;color:#fff;background:#10365a;transform:translateY(-2px)}
.staking-rate{color:#67e8f9;font-weight:850}.staking-range{color:#b9ccdc;font-size:.86rem}.staking-plan-button,.stake-confirm{position:relative;overflow:hidden;padding:.7rem 1rem;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-weight:800;transition:transform .22s,box-shadow .22s,filter .22s}
.staking-plan-button::after,.stake-confirm::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.35) 48%,transparent 70%);transform:translateX(-140%)}.staking-plan-button:hover,.stake-confirm:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 13px 28px rgba(14,165,233,.28);filter:brightness(1.08)}.staking-plan-button:hover::after,.stake-confirm:hover::after{animation:stake-shine .8s ease}@keyframes stake-shine{to{transform:translateX(140%)}}
.staking-loading{padding:4rem;text-align:center;color:#7893aa}.active-plans{margin-top:70px}.active-plans-empty{margin-top:1.2rem;min-height:220px;display:grid;place-items:center;align-content:center;gap:.55rem;border:1px dashed #285b82;border-radius:18px;background:rgba(5,22,39,.65);color:#829bb1;text-align:center}.active-plans-empty strong{color:#e9f5ff}.active-plans-list{margin-top:1.2rem;display:grid;gap:.7rem}.active-plan-row{display:grid;grid-template-columns:1fr .8fr .8fr 1fr;gap:1rem;align-items:center;padding:1rem 1.15rem;border:1px solid #1d4c73;border-radius:13px;background:rgba(5,22,39,.8)}.active-plan-row strong{color:#eef7ff}.active-plan-row span{color:#7dd3fc}.active-plan-row small{display:block;color:#7893aa;margin-top:.2rem}
.staking-modal{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.staking-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.staking-modal-backdrop{position:absolute;inset:0;background:rgba(0,7,15,.82);backdrop-filter:blur(9px)}
.staking-modal-card{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:1.6rem;border:1px solid #2a638e;border-radius:20px;background:#071624;box-shadow:0 35px 100px rgba(0,0,0,.64),0 0 45px rgba(14,165,233,.09);transform:translateY(16px) scale(.98);transition:.22s;scrollbar-width:thin;scrollbar-color:#285b82 transparent}.staking-modal.is-open .staking-modal-card{transform:none}
.staking-modal-card h2{margin:.35rem 0 .4rem;color:#f1f8ff;font-size:1.8rem}.staking-modal-intro{color:#8ba3b8;line-height:1.6;margin-bottom:1.2rem}.staking-modal-close{position:absolute;top:12px;right:15px;width:35px;height:35px;border-radius:9px;color:#8fa8bd;font-size:1.5rem;transition:.2s}.staking-modal-close:hover{color:#fff;background:#102c47;transform:rotate(5deg)}
.stake-asset-picker{position:relative;margin-bottom:1rem}.stake-asset-trigger{width:100%;min-height:54px;display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border:1px solid #285b82;border-radius:11px;background:#051522;text-align:left}.stake-asset-trigger strong{color:#edf8ff}.stake-asset-trigger small{display:block;color:#718ba2}.stake-asset-trigger .chevron{margin-left:auto;color:#7dd3fc}
.stake-asset-menu{position:absolute;z-index:4;top:calc(100% + 8px);left:0;right:0;padding:.65rem;border:1px solid #285b82;border-radius:14px;background:#041321;box-shadow:0 24px 55px rgba(0,0,0,.48)}.stake-asset-search{min-width:0;width:100%}.stake-asset-options{max-height:230px;margin-top:.55rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#285b82 transparent}.stake-option{width:100%;display:flex;align-items:center;gap:.7rem;padding:.6rem;border-radius:9px;text-align:left;transition:.18s}.stake-option:hover,.stake-option.active{background:#103252}.stake-option strong{color:#edf8ff}.stake-option small{display:block;color:#718ba2}
.stake-amount-label{display:flex;justify-content:space-between;margin:.35rem 0 .45rem;color:#c6d7e5;font-size:.84rem}.stake-amount-label span{color:#718ba2}.stake-amount-field{display:flex;align-items:center;border:1px solid #285b82;border-radius:11px;background:#051522;overflow:hidden}.stake-amount-field:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.09)}.stake-amount-field input{width:100%;padding:.85rem 1rem;background:transparent;outline:0;color:#fff;appearance:textfield;-moz-appearance:textfield}.stake-amount-field input::-webkit-inner-spin-button,.stake-amount-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stake-amount-field strong{padding:0 1rem;color:#7dd3fc}.stake-number-stepper{width:24px;display:grid;align-self:stretch;border-left:1px solid #173b5c;border-right:1px solid #173b5c;background:#061b2d}.stake-number-stepper button{display:grid;place-items:center;color:#38bdf8;transition:background .15s,color .15s}.stake-number-stepper button+button{border-top:1px solid #173b5c}.stake-number-stepper button:hover{background:#103b60;color:#a5f3fc}
.stake-period-title{margin:1.15rem 0 .65rem;color:#c6d7e5;font-weight:700}.stake-modal-periods{display:grid;grid-template-columns:repeat(6,1fr);gap:.35rem}.stake-modal-period{min-width:0;padding:.55rem .2rem;font-size:.78rem}.stake-modal-period b{display:block;color:#67e8f9;font-size:.64rem}.stake-summary{display:grid;gap:.7rem;margin:1.2rem 0;padding:1rem;border:1px solid #173b5c;border-radius:12px;background:#061b2d}.stake-summary div{display:flex;justify-content:space-between;gap:1rem;color:#829bb1}.stake-summary strong{color:#67e8f9}.stake-confirm{width:100%;min-height:48px}.stake-confirm:disabled{opacity:.55;cursor:wait;transform:none;filter:none}.stake-status{min-height:1.3rem;margin-top:.75rem;color:#9bb3c8;text-align:center;font-size:.85rem}.stake-status.success{color:#67e8f9}.stake-status.error{color:#fb7185}.hidden{display:none!important}
@media(max-width:960px){.staking-hero{grid-template-columns:1fr;padding-top:55px}.staking-visual{max-width:720px}.staking-table-head{display:none}.staking-row{grid-template-columns:1fr 1fr;gap:1rem}.staking-periods{grid-column:1/-1;order:3}.staking-plan-button{justify-self:end}.staking-section-heading{align-items:stretch;flex-direction:column}.staking-search{min-width:0;width:100%}}
@media(max-width:620px){.staking-hero,.staking-plans{width:min(100% - 24px,1220px)}.staking-hero{min-height:0;padding-top:38px;gap:24px}.staking-row{grid-template-columns:1fr;padding:1rem}.staking-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:visible}.staking-period{min-width:0}.staking-plan-button{justify-self:stretch;width:100%}.stake-modal-card{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:1.15rem}.stake-modal-periods{grid-template-columns:repeat(3,1fr)}.staking-visual img{border-radius:18px}.active-plan-row{grid-template-columns:1fr 1fr}.staking-yield-badge{right:0}}
@media(max-width:420px){.staking-periods{grid-template-columns:repeat(2,minmax(0,1fr))}.active-plan-row{grid-template-columns:1fr}.staking-hero-copy h1{font-size:clamp(2rem,12vw,3rem)}}