body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;padding:20px;display:flex}:root{--arena:#f1d989;--tierra:#3e3932;--turquesa:#0fbab7;--profundo:#000c0c;--arena-claro:#e2e3a9;--turquesa-hover:#0da09d;--turquesa-light:#0fbab71a;--shadow:#000c0c33}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,var(--profundo)0%,var(--tierra)100%);min-height:100vh;color:var(--arena-claro);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{flex-direction:column;justify-content:center;align-items:stretch;gap:1.5rem;width:100%;max-width:500px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex}h1{color:var(--arena);text-align:center;text-shadow:2px 2px 4px var(--shadow);margin-bottom:.5rem;font-size:clamp(2.5rem,8vw,4rem);line-height:1.2;animation:.6s ease-out slideDown}h2{color:var(--turquesa);text-align:center;margin-bottom:3rem;font-size:1.3rem;font-style:italic;font-weight:400;animation:.8s ease-out slideDown}p{color:var(--arena-claro);text-align:center;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.5}h3{color:var(--arena);text-align:center;margin-bottom:1.5rem;font-size:1.5rem}button{background:linear-gradient(135deg,var(--turquesa)0%,var(--turquesa-hover)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;margin:0 auto;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;animation:1s ease-out fadeIn;display:block;box-shadow:0 6px 20px #0fbab766}button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #0fbab799}button:active:not(:disabled){transform:translateY(-1px)}button:disabled{background:linear-gradient(135deg,var(--tierra)0%,#2a2621 100%);cursor:not-allowed;opacity:.6}.info-box{background:linear-gradient(135deg,var(--arena-claro)0%,var(--arena)100%);box-shadow:0 8px 25px var(--shadow);border-radius:15px;width:100%;margin-bottom:1.5rem;padding:1.5rem;animation:.5s ease-out scaleIn}.wallet-info{flex-direction:column;gap:1rem;display:flex}.wallet-info>div{width:100%}.wallet-info p{color:var(--tierra);text-align:center;margin-bottom:.5rem;font-weight:600}.info-box code{color:var(--turquesa);text-align:center;word-break:break-all;background:#fff;border-radius:8px;max-width:100%;margin:.5rem auto 0;padding:.6rem 1.2rem;font-family:Courier New,monospace;font-weight:700;display:block;box-shadow:inset 0 2px 4px #0000001a}.btn-disconnect{background:linear-gradient(135deg,var(--tierra)0%,#2a2621 100%);color:var(--arena);border:2px solid var(--arena);cursor:pointer;border-radius:8px;width:100%;margin-top:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #3e393266}.btn-disconnect:hover{background:linear-gradient(135deg,#2a2621 0%,var(--profundo)100%);border-color:var(--turquesa);color:var(--turquesa);transform:translateY(-2px);box-shadow:0 6px 16px #3e393299}.balance-btn{background:linear-gradient(135deg,var(--turquesa)0%,#0da09d 100%);width:100%;margin-bottom:1.5rem}.balance-display{background:linear-gradient(135deg,var(--turquesa-light)0%,#e2e3a91a 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--turquesa);text-align:center;border-radius:15px;margin-bottom:2rem;padding:2rem;animation:.6s ease-out scaleIn;box-shadow:0 8px 32px #0fbab74d}.balance-display p{color:var(--arena-claro);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.balance-display h2{color:var(--turquesa);text-shadow:2px 2px 8px #0fbab780;margin:0;font-size:2.5rem;font-weight:800}.transfer-section{background:linear-gradient(135deg,var(--turquesa)0%,#0da09d 100%);border-radius:15px;width:100%;padding:2rem;animation:.7s ease-out slideUp;box-shadow:0 8px 32px #0fbab766}.transfer-section h3{color:var(--arena);margin-bottom:1.5rem;font-size:1.5rem}.transfer-form{flex-direction:column;gap:1rem;display:flex}.input-address,.input-amount{color:var(--tierra);background:#fffffff2;border:2px solid #0000;border-radius:10px;padding:1rem;font-size:1rem;font-weight:500;transition:all .3s}.input-address::placeholder,.input-amount::placeholder{color:var(--tierra);opacity:.5}.input-address:focus,.input-amount:focus{border-color:var(--arena);background:#fff;outline:none;transform:scale(1.02);box-shadow:0 4px 12px #f1d9894d}.btn-transfer{background:linear-gradient(135deg,var(--arena)0%,var(--arena-claro)100%);color:var(--tierra);cursor:pointer;border:none;border-radius:10px;padding:1.2rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #f1d98980}.btn-transfer:hover:not(:disabled){background:linear-gradient(135deg,var(--arena-claro)0%,white 100%);transform:translateY(-2px);box-shadow:0 6px 20px #f1d989b3}.btn-transfer:disabled{background:linear-gradient(135deg,var(--tierra)0%,#2a2621 100%);color:var(--arena-claro);cursor:not-allowed;opacity:.6;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.container{gap:1rem;padding:1.5rem 1rem}h1{font-size:2.5rem}h2{margin-bottom:2rem;font-size:1.1rem}.info-box{padding:1.2rem}.info-box code{padding:.5rem 1rem;font-size:.85rem}button{padding:.9rem 2rem;font-size:1rem}.balance-display{padding:1.5rem}.balance-display h2{font-size:2rem}.transfer-section{padding:1.5rem}.transfer-section h3{font-size:1.3rem}.input-address,.input-amount{padding:.9rem;font-size:.95rem}.btn-transfer{padding:1rem;font-size:1rem}}@media (min-width:641px){.container{max-width:550px;padding:3rem 2rem}}@media (min-width:768px){.container{max-width:600px}h1{font-size:3.5rem}h2{font-size:1.4rem}}@media (max-width:400px){h1{font-size:2rem}h2{font-size:1rem}.container{padding:1rem .8rem}.info-box,.transfer-section{padding:1rem}.balance-display h2{font-size:1.8rem}}@media (min-width:1200px){.container{max-width:650px}}