*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at 20% 30%,#0a0f2a,#03050c);font-family:Courier New,Fira Code,monospace;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;color:#c0d8f0}#root{width:100%;display:flex;justify-content:center}.glass-panel{max-width:820px;width:100%;background:#0c141ea6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2.5rem;border:1px solid rgba(0,255,255,.3);box-shadow:0 20px 40px #00000080,0 0 20px #00ffff1a;padding:2rem}h1{font-size:1.8rem;background:linear-gradient(135deg,#fff,#2affff);-webkit-background-clip:text;background-clip:text;color:transparent;border-left:3px solid #2affff;padding-left:1rem;margin-bottom:.5rem}h2{font-size:1.2rem;color:#2affff;margin-bottom:.75rem;letter-spacing:1px}.sub{color:#8da3c0;font-size:.75rem;border-bottom:1px dashed rgba(42,255,255,.3);padding-bottom:.75rem;margin-bottom:1.5rem}.network-card{background:#000f1999;border-radius:1.5rem;padding:1rem;margin:1.5rem 0;border:1px solid rgba(42,255,255,.25)}.network-card strong{color:#2affff;display:block;margin-bottom:.5rem}.network-card code{display:block;background:#021116;padding:6px 12px;border-radius:1rem;margin:6px 0;color:#9effff;word-break:break-all;font-size:.8rem}button{background:linear-gradient(135deg,#0a1f2a,#021016);border:1px solid rgba(42,255,255,.5);font-family:monospace;font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:3rem;width:100%;color:#2affff;cursor:pointer;transition:.2s;margin-top:.75rem;text-transform:uppercase}button:hover:not(:disabled){background:#0f2e3e;border-color:#0ff;box-shadow:0 0 14px #0ff;transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.connected-info{background:#0a2a1a80;border:1px solid rgba(0,255,100,.3);border-radius:1rem;padding:.75rem 1rem;color:#b3ffd9;font-size:.8rem}.status-panel{background:#021116b3;border-radius:1.2rem;padding:1rem;margin:1rem 0;border-left:4px solid #2affff;font-size:.8rem;word-break:break-all}.error-panel{border-left-color:#ff3a6f;background:#2a0a14b3;color:#ffb3c6}.success-panel{border-left-color:#0fa;background:#0a2a1ab3;color:#b3ffd9}.section{margin:1rem 0}.contract-card{background:#001419b3;border-radius:1.5rem;padding:1.2rem;margin-top:1rem;border:1px solid rgba(42,255,255,.25);animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.data-row{margin:.75rem 0}.data-label{color:#6ab0de;font-size:.7rem;text-transform:uppercase;letter-spacing:2px}.data-value{background:#010c12;padding:.6rem;border-radius:1rem;font-family:monospace;font-size:.75rem;word-break:break-all;margin-top:4px;border:1px solid rgba(42,255,255,.35);color:#bfeaff}.data-value a{color:#2affff;text-decoration:none}.data-value a:hover{text-decoration:underline}input[type=number]{width:100%;background:#010c12;border:1px solid rgba(42,255,255,.5);color:#0ff;font-family:monospace;padding:10px;border-radius:2rem;margin:8px 0;font-size:.9rem}input[type=number]:focus{outline:none;border-color:#0ff;box-shadow:0 0 8px #00ffff4d}.flex-buttons{display:flex;gap:12px;margin-top:8px}.flex-buttons button{margin-top:0;flex:1}hr{border:none;border-top:1px dashed rgba(42,255,255,.2);margin:1.5rem 0}.footer{font-size:.7rem;text-align:center;margin-top:2rem;color:#6b8c9c;line-height:1.6}.footer a{color:#2affff;text-decoration:none}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(42,255,255,.3);border-radius:50%;border-top-color:#0ff;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}