:root{--primary-color:#f36;--secondary-color:#ffd000;--accent-color:#00e5ff;--bg-color:#f8f9fa;--text-primary:#000;--text-secondary:#000;--panel-border:#000;--error-color:#ff3b30;--success-color:#00e676;color:var(--text-primary);background:var(--bg-color);background-image:linear-gradient(#0000001a 1px,#0000 1px),linear-gradient(90deg,#0000001a 1px,#0000 1px);background-size:40px 40px;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:600;line-height:1.5}body{justify-content:center;align-items:center;min-height:100vh;margin:0;padding:2rem 0;display:flex;overflow-x:hidden}#root{box-sizing:border-box;width:100%;max-width:800px;padding:2rem}h1,h2,h3{text-transform:uppercase;letter-spacing:-1px;margin:0 0 1rem;font-weight:900}.glass-panel{border:4px solid var(--panel-border);background:#fff;border-radius:0;margin-bottom:2rem;padding:2.5rem;transition:all .2s ease-in-out;position:relative;box-shadow:10px 10px #000}.glass-panel:hover{transform:translate(-2px,-2px);box-shadow:12px 12px #000}.header{background:var(--secondary-color);border:4px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1.5rem 2rem;display:flex;box-shadow:8px 8px #000}.header h1{color:#000;letter-spacing:-2px;text-shadow:3px 3px #fff;margin:0;font-size:2.5rem}.button-container{align-items:center;gap:1rem;display:flex}.address-badge{color:#000;background:#fff;border:3px solid #000;padding:8px 16px;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:800;box-shadow:4px 4px #000}.btn{color:#000;text-transform:uppercase;cursor:pointer;background:#fff;border:4px solid #000;border-radius:0;padding:14px 28px;font-family:inherit;font-size:1.1rem;font-weight:900;transition:all .1s;box-shadow:6px 6px #000}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:4px 4px #000}.btn:active:not(:disabled){transform:translate(6px,6px);box-shadow:0 0 #000}.btn.primary{background:var(--primary-color);color:#fff;text-shadow:2px 2px #000}.btn.primary:hover:not(:disabled){background:#ff1a53}.btn.outline{background:var(--accent-color);color:#000}.btn:disabled{opacity:1;cursor:not-allowed;color:#888;box-shadow:none;background:#e0e0e0;border-color:#888;transform:none}.form-group{margin-bottom:2rem}.form-group label{color:#000;text-transform:uppercase;margin-bottom:.8rem;font-size:1.1rem;font-weight:800;display:block}.form-control{color:#000;box-sizing:border-box;background:#fff;border:4px solid #000;border-radius:0;width:100%;padding:16px 20px;font-size:1.2rem;font-weight:700;transition:all .1s;box-shadow:4px 4px #000}.form-control:focus{background:var(--secondary-color);outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.toast{color:var(--text-primary);z-index:1000;background:#fff;border:4px solid #000;border-radius:0;max-width:400px;padding:1.5rem 2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideIn;position:fixed;bottom:2rem;right:2rem;box-shadow:10px 10px #000}.toast.error{background:var(--error-color);color:#fff}.toast.success{color:#000;background:#cf0}.toast-title{text-transform:uppercase;margin-bottom:.5rem;font-size:1.3rem;font-weight:900}.toast-msg{margin:0;font-size:1rem;font-weight:700}.events-list{background:#fff;border:4px solid #000;max-height:250px;margin-top:2rem;padding:0;overflow-y:auto;box-shadow:inset 4px 4px #0000001a}.event-item{color:#000;background:#fff;border-bottom:4px solid #000;padding:16px 20px;font-size:1rem;font-weight:800}.event-item:hover{background:var(--accent-color)}.event-item:last-child{border-bottom:none}.badge{color:#000;text-transform:uppercase;background:#cf0;border:3px solid #000;border-radius:0;margin-right:12px;padding:6px 14px;font-size:.85rem;font-weight:900;display:inline-block;box-shadow:3px 3px #000}.status-ring{vertical-align:middle;background:#fff;border:4px solid #000;border-radius:50%;width:22px;height:22px;margin-right:12px;display:inline-block;position:relative}.status-ring.pending{border-top-color:var(--primary-color);animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.events-list::-webkit-scrollbar{border-left:4px solid #000;width:14px}.events-list::-webkit-scrollbar-track{background:#fff}.events-list::-webkit-scrollbar-thumb{background:var(--primary-color);border:3px solid #000}#wallet-btn-container{display:inline-block}
