.pools-container{min-height:calc(100vh - 64px);position:relative}.pools-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s ease;color:white}.pools-card:hover{border-color:rgba(245,158,11,.5);box-shadow:0 12px 40px rgba(0,0,0,.4);transform:translateY(-2px)}.token-selector-button{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:white;transition:all .2s ease-in-out}.token-selector-button:hover{background:rgba(245,158,11,.2);transform:translateY(-1px);box-shadow:0 8px 25px rgba(245,158,11,.3)}.token-icon{border-radius:50%;box-shadow:0 2px 8px rgba(245,158,11,.2);transition:all .2s ease-in-out}.token-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(245,158,11,.3)}.amount-input{font-size:1.5rem;font-weight:500;background:transparent;color:white;border:none}.amount-input::-moz-placeholder{color:#fef3c7}.amount-input::placeholder{color:#fef3c7}.amount-input:focus{outline:none;box-shadow:0 0 0 2px rgba(245,158,11,.3)}.step-indicator{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;transition:all .3s ease-in-out}.step-indicator.active{background:rgba(245,158,11,.3);border:1px solid rgba(245,158,11,.5);transform:scale(1.05);box-shadow:0 4px 12px rgba(245,158,11,.3)}.continue-button{background:rgba(245,158,11,.8);color:white;border:1px solid rgba(245,158,11,.3);transition:all .2s ease-in-out}.continue-button:hover{background:rgba(245,158,11,1);transform:translateY(-1px);box-shadow:0 8px 25px rgba(245,158,11,.4)}.continue-button:disabled{background:rgba(75,85,99,.3);color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;border:1px solid rgba(75,85,99,.2)}.token-list-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:white;transition:all .15s ease-in-out}.token-list-item:hover{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);transform:translateX(2px);box-shadow:0 4px 12px rgba(245,158,11,.2)}.fee-info-card,.pool-info-card{box-shadow:0 4px 16px rgba(0,0,0,.2)}.fee-info-card,.pool-card,.pool-info-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:white}.pool-card{box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s ease}.pool-card:hover{border-color:rgba(245,158,11,.5);box-shadow:0 12px 40px rgba(0,0,0,.4);transform:translateY(-2px)}.pool-card.user-position{border:1px solid rgba(245,158,11,.4);background:rgba(245,158,11,.15)}.loading-spinner{animation:spin 1s linear infinite;color:rgba(245,158,11,.8)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pool-card:hover,.pools-card:hover,.token-selector-button:hover{box-shadow:0 0 30px rgba(245,158,11,.2)}@media (max-width:768px){.pools-container{padding:1rem}.amount-input{font-size:1.25rem}.token-selector-button{height:3rem}.pool-card,.pools-card{margin:.5rem 0}}@media (max-width:1279px) and (min-width:769px){.pools-container{padding:1.5rem}}*{transition:all .2s ease}