:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesizes:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#0000;background-image:radial-gradient(at top,#1b2735 0%,#0d1117 100%),repeating-linear-gradient(90deg,#0000 0 100px,#ffffff05 100px 101px),repeating-linear-gradient(#0000 0 100px,#ffffff05 100px 101px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;width:100%;max-width:1280px;margin:0 auto;padding:2rem}h1{background:-webkit-linear-gradient(45deg,#0cebeb,#20e3b2,#29ffc6);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:.5em;font-size:3.2em;font-weight:800;line-height:1.1}.card{-webkit-backdrop-filter:blur(16px);text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:500px;margin:0 auto;padding:2.5em;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 30px #0000004d}.card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #20e3b21a}.btn{cursor:pointer;color:#fff;background-color:#1f2937;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5em;padding:.8em 1.5em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s;display:inline-flex}.btn:hover{color:#20e3b2;background-color:#20e3b21a;border-color:#20e3b2}.btn:focus,.btn:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-primary{color:#111;background:linear-gradient(135deg,#0cebeb 0%,#20e3b2 100%);font-weight:600}.btn-primary:hover{color:#0d1117;background:linear-gradient(135deg,#20e3b2 0%,#29ffc6 100%);border-color:#0000;box-shadow:0 0 20px #20e3b266}.btn-danger{background:rgba(2ef, 68, 68, .1);color:#ef4444;border:1px solid #ef44444d}.btn-danger:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-group{margin-bottom:1.5rem}.form-group label{color:#ffffffb3;margin-bottom:.5em;font-size:.9em;font-weight:500;display:block}.input-field{color:#fff;box-sizing:border-box;background:#0003;border:1px solid #fff3;border-radius:12px;width:100%;padding:.8em 1em;font-family:inherit;font-size:1em;transition:all .25s}.input-field:focus{border-color:#20e3b2;outline:none;box-shadow:0 0 0 3px #20e3b233}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:1rem;padding:.25em .75em;font-size:.75em;font-weight:600;display:inline-block}.status-connected{color:#20e3b2;background:#20e3b21a;border:1px solid #20e3b24d}.status-disconnected{color:#ffffff80;background:#ffffff1a;border:1px solid #fff3}.balance-display{align-items:baseline;gap:.5em;margin-bottom:1.5rem;display:flex}.balance-amount{color:#fff;font-size:2.5em;font-weight:700}.balance-currency{color:#20e3b2;font-size:1.25em;font-weight:600}.alert{word-break:break-all;border-radius:12px;align-items:flex-start;gap:.75em;margin-top:1.5rem;padding:1em;font-size:.9em;display:flex}.alert-success{color:#20e3b2;background:#20e3b21a;border:1px solid #20e3b24d}.alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.alert-info{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf84d}.wallet-address{color:#fff9;background:#0000004d;border-radius:4px;padding:.25em .5em;font-family:monospace;font-size:.85em}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.logo-container{justify-content:center;margin-bottom:2rem;display:flex}.stellar-logo{width:64px;height:64px;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}