.page-stake{position:relative;min-height:100vh;padding:96px 28px 90px}.page-stake:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(77,255,180,.1) 1px,transparent 1.6px);background-size:24px 24px;-webkit-mask-image:radial-gradient(120% 95% at 50% 40%,transparent 24%,#000 82%);mask-image:radial-gradient(120% 95% at 50% 40%,transparent 24%,#000 82%);opacity:.5}.stk-panel{position:relative;z-index:1;max-width:1560px;margin:0 auto;background:hsla(0,0%,5%,.45);border:1px solid var(--border);border-radius:22px;padding:48px 48px 44px;backdrop-filter:blur(3px)}.stk-title{font-family:var(--display);font-size:38px;font-weight:600;letter-spacing:-1.2px;color:var(--text);margin-bottom:12px}.stk-sub{font-size:14px;color:var(--muted);max-width:560px}.stk-divider{height:1px;background:var(--border);margin:34px 0}.stk-grid{display:grid;grid-template-columns:1fr 460px;gap:40px;align-items:start}.stk-action{display:flex;flex-direction:column;align-items:center;padding-top:34px}.stk-toggle{display:inline-flex;gap:4px;border:1px solid var(--border);border-radius:999px;padding:5px;background:hsla(0,0%,5%,.6);margin-bottom:40px}.stk-tab{border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:500;padding:9px 28px;border-radius:999px;cursor:pointer;font-family:var(--sans);transition:all .15s}.stk-tab:hover{color:var(--text)}.stk-tab.active{background:var(--border-lit);color:#fff}.stk-inputrow{display:flex;gap:12px;width:100%;margin-bottom:24px}.stk-input{flex:1;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 22px;height:64px}.stk-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--sans);font-size:18px;width:100%}.stk-input input::-webkit-inner-spin-button,.stk-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stk-input input[type=number]{-moz-appearance:textfield}.stk-cur{color:var(--accent);font-size:15px;font-family:var(--mono);margin-left:10px}.stk-max{background:var(--surface);border:1px solid var(--accent);color:var(--text);border-radius:12px;width:70px;font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.stk-max:hover{background:var(--accent-dim)}.stk-submit{width:100%;background:var(--accent);color:#06090d;border:none;border-radius:12px;padding:19px;font-family:var(--sans);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.stk-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.stk-submit:disabled{opacity:.6;cursor:default}.stk-submit.unstake{background:transparent;border:1px solid var(--warn);color:var(--warn)}.stk-cooldown{margin-top:16px;font-size:12px;color:var(--muted);background:rgba(255,107,53,.06);border:1px solid rgba(255,107,53,.2);border-radius:8px;padding:12px 14px;line-height:1.5;width:100%}.stk-error{margin-top:14px;font-size:13px;color:var(--warn);width:100%}.stk-position{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:28px 30px}.sp-label{font-size:13px;color:var(--muted);margin-bottom:14px}.sp-tier{font-family:var(--display);font-size:40px;font-weight:600;letter-spacing:-1px;color:var(--accent);margin-bottom:22px;line-height:1}.sp-rows{display:flex;flex-direction:column}.sp-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}.sp-row:last-child{border-bottom:none}.sp-row span:first-child{color:var(--muted)}.sp-row span:last-child{color:var(--text);font-family:var(--mono)}.sp-row span.accent{color:var(--accent)}.stk-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stk-tier{border:1px solid var(--border);border-radius:16px;background:hsla(0,0%,100%,.012);padding:30px 30px 28px;display:flex;flex-direction:column}.stk-tier.target{border-color:#e8c04a;box-shadow:0 0 0 1px rgba(232,192,74,.15)}.tc-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.tc-amount{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1}.tc-unit{font-size:18px}.tc-reqlabel{font-size:13px;color:var(--muted);margin-top:8px}.tc-name{font-family:var(--mono);font-size:13px;font-weight:600}.stk-tier.bronze .tc-amount{color:#e0883c}.stk-tier.silver .tc-amount{color:#ececec}.stk-tier.bronze .tc-name,.stk-tier.gold .tc-amount{color:#e0883c}.stk-tier.silver .tc-name{color:#c7cdd6}.stk-tier.gold .tc-name{color:#e8c04a}.tc-perks{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;flex:1}.tc-perk{font-size:14px;color:var(--text);display:flex;align-items:flex-start;gap:10px}.tc-perk.off{color:var(--muted)}.tc-perk-mark{color:var(--accent);flex-shrink:0}.tc-perk.off .tc-perk-mark{color:var(--muted)}.tc-progress{margin-bottom:22px}.tc-prow{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:10px}.tc-pval{font-family:var(--mono)}.tc-track{height:2px;background:var(--border);border-radius:2px;overflow:hidden}.tc-fill{height:100%;border-radius:2px}.tc-fill.bronze{background:#e0883c}.tc-fill.silver{background:#c7cdd6}.tc-fill.gold{background:#e8c04a}.tc-btn{width:100%;padding:15px;border-radius:10px;background:#161616;border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.tc-btn:hover{background:#1d1d1d;border-color:var(--border-lit)}.tc-btn.gold{background:#e8c04a;border-color:#e8c04a;color:#1a1400}.tc-btn.gold:hover{background:#f0cb5c}.toast{position:fixed;bottom:28px;right:28px;z-index:300;display:flex;align-items:center;gap:12px;background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:14px 18px;transform:translateY(120%);opacity:0;transition:all .3s;max-width:360px}.toast.show{transform:translateY(0);opacity:1}.toast-icon{font-size:20px}.toast-text{font-size:14px;font-weight:600;color:var(--text)}.toast-sub{font-size:12px;color:var(--muted)}@media (max-width:980px){.stk-grid{gap:30px}.stk-grid,.stk-tiers{grid-template-columns:1fr}}@media (max-width:600px){.stk-panel{padding:30px 18px 28px;border-radius:16px}.stk-title{font-size:28px}}