.threeColumnContainer{display:flex;gap:20px;width:100%;justify-content:center;align-items:flex-start;padding:0 30px;margin-top:180px;margin-bottom:20px}.collateralizationPanel{background-color:rgba(30,30,30,.95);border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.7);padding:20px;width:300px;max-width:100%;display:flex;flex-direction:column;align-items:center}.collateralizationPanel .panelTitle{text-align:center;font-weight:800;font-size:22px;color:#fff;margin-bottom:20px;border-bottom:2px solid #00bfa6;padding-bottom:10px}.collateralizationSection{display:flex;flex-direction:column;align-items:center}.collateralizationChart{width:200px;height:200px;margin-bottom:10px}.collateralizationInfo{text-align:left;color:#fff;width:100%;padding:0 10px}.collateralizationInfo>div{margin:5px 0;font-size:16px}.collateralizationText{font-size:18px;margin-bottom:5px}.aprInfo{font-size:16px}.blueApr{color:#00bfa6;font-weight:700}.stakeBox{padding:30px;width:600px;position:relative}.stakeBox,.stakedInfo{background-color:rgba(30,30,30,.95);border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.7);max-width:100%}.stakedInfo{padding:20px;width:500px;flex-shrink:0}.extraToggle{display:flex;position:absolute;top:-40px;right:0}.extraToggle .toggleOption{margin-left:10px;padding:10px 15px;cursor:pointer;background-color:#2a2a2a;color:#fff;border-radius:5px;transition:background-color .3s;display:flex;align-items:center}.extraToggle .toggleOption:first-child{margin-left:0}.extraToggle .toggleOption.selected{background-color:#00bfa6}.extraToggle .toggleOption:hover{background-color:#3a3a3a}.toggleIcon{margin-right:5px}.stakeToggle{display:flex;margin-bottom:30px;align-items:center;flex-wrap:wrap;gap:10px}.stakeToggle .toggleOption{flex:1;text-align:center;padding:15px;cursor:pointer;background-color:#2a2a2a;color:#fff;border-radius:5px;transition:background-color .3s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.stakeToggle .toggleOption.selected{background-color:#00bfa6}.stakeToggle .toggleOption:not(.selected):hover{background-color:#3a3a3a}.amountInput{width:100%;margin-bottom:20px;background-color:#fff!important;color:#666;border:none;padding:28px;border-radius:8px;font-size:30px;transition:box-shadow .2s}.amountInput::placeholder{color:#666}.amountInput:focus,.amountInput:hover{background-color:#fff!important;color:#666!important;border:none;box-shadow:0 0 5px #00bfa6}.lockDurationSection{margin-bottom:10px}.lockDurationLabel{display:flex;align-items:center;margin-bottom:10px;font-size:16px}.durationAprContainer{display:flex;flex-direction:column;width:100%;margin-top:10px}.aprRow{justify-content:space-between;margin-top:10px}.aprRow,.aprRow label{display:flex;align-items:center}.aprRow label{color:#fff;font-weight:600;font-size:16px}.aprValue{display:flex;align-items:center;justify-content:flex-end;font-size:1.2em;color:#00bfa6}.referInput{width:100%;margin-bottom:15px;background-color:#fff;color:#666;border:none;font-size:18px;padding:20px;border-radius:8px;transition:box-shadow .2s}.referInput::placeholder{color:#666}.referInput:focus,.referInput:hover{background-color:#fff!important;color:#666!important;border:none;box-shadow:0 0 5px #00bfa6}.actionButton{width:100%;border:none;border-radius:12px;margin-top:20px;padding:22px 0;font-size:20px;font-weight:600;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#00bfa6;transition:background-color .2s}.actionButton:focus,.actionButton:hover{background-color:#007bff!important;color:#fff!important}.actionButton:disabled{background-color:#666;color:#ccc;cursor:not-allowed}.actionButton:disabled:focus,.actionButton:disabled:hover{background-color:#00bfa6!important;color:#fff!important}.referralCodeBox{background-color:#2a2a2a;padding:10px;border-radius:5px;margin-bottom:20px;font-size:18px;text-align:center;color:#fff}.interestEarned{margin-top:15px}.interestTitle{color:#fff;text-align:left;margin-bottom:10px;border-bottom:2px solid #00bfa6;padding-bottom:5px;width:100%}.interestEarnedContent,.interestTitle{display:flex;align-items:center;justify-content:space-between}.interestEarnedHeader,.stakedAmountHeader{display:flex;align-items:center}.interestEarnedValue,.stakedAmountValue{text-align:right;font-size:20px;font-weight:700;color:#fff}.interestEarnedNominal,.stakedAmountNominal{text-align:right;color:grey;font-size:14px}.updateYieldButton{background:none;border:none;color:#00bfa6;cursor:pointer;font-size:16px;display:flex;align-items:center;padding:0}.updateYieldButton:hover{color:#00a890}.popupContent{position:relative;max-width:420px;width:90%;padding:40px 50px;background:#1e1e1e;border-radius:18px;text-align:center;color:#fff;box-shadow:0 6px 24px rgba(0,0,0,.75),0 0 0 2px rgba(0,191,166,.45)}.popupContent:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 28px 6px rgba(0,191,166,.55);opacity:.7;filter:blur(2px)}.popupOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000;background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}.popupLogo{margin-bottom:14px}.connectBtn .tw-connected-wallet{min-width:170px}.viewBtn{background:#444;color:#fff}.viewBtn:hover{background:#555;color:#fff}@media (max-width:768px){.threeColumnContainer{flex-direction:column;align-items:center;margin-top:100px;margin-bottom:40px;padding:0 15px}.collateralizationPanel,.stakeBox,.stakedInfo{width:90%}.collateralizationChart{width:180px;height:180px}.stakeBox{order:1}.stakedInfo{order:2}.collateralizationPanel{order:3}.collateralizationInfo{text-align:left;color:#fff}.collateralizationInfo>div{margin:5px 0;font-size:16px}.extraToggle{position:relative;top:0;margin-bottom:10px;justify-content:center}}